Vibe Suite — AI Skill Guide

Connect AI brains to your projects

• Build an AI chatbot for your website
  ク

  Claude API — Website Chatbot

  Beginner

• Build a social media post generator
  オ

  OpenAI API — Content Generator

  Beginner

• Create a personal AI advisor on a topic you know well
  プ

  Prompt Engineering — AI Advisor

  Beginner

• Add streaming to your chatbot — text appears letter by letter like ChatGPT
  サ

  Streaming — Live AI Response

  Intermediate

• Build an app with AI working inside it
  エ

  Embed AI in Your App

  Intermediate

• Build a chatbot that answers questions from your uploaded documents
  ラ

  RAG — Chat With Your Documents

  Intermediate

• Build an AI assistant that takes real actions — queries a database, calls APIs, sends emails
  ア

  AI Function Calling — Tool Use

  Intermediate

• Build an AI hub that picks the best model for each task
  マ

  Multi-Model Routing

  Advanced

• Build an AI agent that breaks down tasks and executes them step by step
  ア

  AI Agents — Multi-Step Workflows

  Advanced

Run AI on your own computer — free and private

• Run your own ChatGPT on your computer
  オ

  Ollama — Local ChatGPT

  Beginner

• Build an app that processes sensitive data with a local AI model
  ル

  Local AI for Privacy

  Intermediate

• Connect your project to a local model instead of a paid API
  ル

  Local AI Backend for Projects

  Intermediate

Generate visuals with AI — from avatars to video clips

• Build an image generator with a web interface
  ラ

  Replicate API — Image Generator

  Beginner

• Add voice input and output to your app
  ヴ

  Voice — Speech to Text & Text to Speech

  Beginner

• Build an avatar generation service from photos
  ア

  AI Avatars

  Intermediate

• Build a text-to-short-video generator
  ヴ

  Video Generation

  Advanced

• Set up your own local image generation pipeline
  ク

  ComfyUI Pipeline

  Advanced

Build beautiful interfaces — websites, dashboards, apps

• Build your personal portfolio website
  ラ

  React + Next.js — Personal Site

  Beginner

• Restyle your site with Tailwind and make it look professional
  タ

  Tailwind CSS — Styling

  Beginner

• Assemble a dashboard from ready-made components in an hour
  サ

  shadcn/ui — Ready Components

  Beginner

• Generate an entire page by describing it in words
  ヴ

  v0.dev — AI UI Generation

  Beginner

• Add smooth animations to your website
  ア

  Animations — Framer Motion

  Intermediate

• Build an interactive map or data visualization
  イ

  Interactive Visualizations

  Advanced

• Turn your website into an installable app with offline support
  プ

  PWA — Mobile App Experience

  Intermediate

• Make your site available in multiple languages
  イ

  i18n — Multi-Language Support

  Intermediate

Store data, write server logic, build APIs

• Build your first API endpoint
  ア

  API Routes — Your First API

  Beginner

• Connect a database and build a CRUD app
  サ

  Supabase — Database

  Beginner

• Build file upload with cloud storage for your app
  フ

  File Storage — Uploads & Serving

  Beginner

• Add caching and speed up your site 10x
  ラ

  Redis / Vercel KV — Fast Cache

  Intermediate

• Connect a PostgreSQL that scales automatically
  ナ

  Neon — Serverless PostgreSQL

  Intermediate

• Build a system that reacts to external events
  ワ

  Webhooks — Event Reactions

  Intermediate

• Build automated background tasks that run on a schedule
  ク

  Cron Jobs — Scheduled Tasks

  Intermediate

• Build a live chat or real-time notification feed
  ラ

  Real-Time — WebSockets & Live Updates

  Intermediate

• Add instant search to your app — keyword and AI-powered
  サ

  Search — Full-Text & Vector

  Intermediate

Login, registration, and user data protection

• Add a 'Sign in with Google' button to your site
  ナ

  NextAuth — Website Login

  Beginner

• Build passwordless login — user gets a link via email
  マ

  Magic Link — Passwordless Login

  Intermediate

• Protect your API: access keys and request throttling
  ア

  API Keys & Rate Limits

  Intermediate

• Make sure each user can only see their own data
  ラ

  Row Level Security

  Advanced

Publish projects to the internet and set up infrastructure

• Publish your website to the internet in 5 minutes
  ヴ

  Vercel — First Deploy

  Beginner

• Deploy a static site (HTML/CSS/JS) on Netlify
  ナ

  Netlify — Static Sites

  Beginner

• Add analytics to see who uses your product and how
  ア

  Analytics — Know Your Users

  Beginner

• Set up automatic tests and deploy on every commit
  グ

  GitHub Actions — Automation

  Intermediate

• Connect your domain and speed up your site via Cloudflare
  ク

  Cloudflare — Domain & CDN

  Beginner

• Make your site look great in Google and social media previews
  サ

  SEO — Meta Tags & Open Graph

  Beginner

• Know when your app breaks before your users tell you
  エ

  Error Monitoring — Sentry

  Beginner

Accept money — subscriptions, one-time payments, crypto

• Add a 'Buy' button to your site
  サ

  Stripe — Accept Payments

  Intermediate

• Add cryptocurrency payments to your site
  ク

  Coinbase Commerce — Crypto Payments

  Intermediate

• Build a subscription model: Free, Pro, Enterprise
  サ

  Subscriptions

  Advanced

• Build a prepaid credit system (like ChatGPT API)
  プ

  Prepaid Credits

  Advanced

Connect external services — bots, email, Google Docs

• Build a Telegram bot that does something useful
  タ

  Telegram Bot

  Beginner

• Send beautiful emails from your app
  エ

  Email — Transactional Emails

  Beginner

• Connect Google Sheets as a database for a simple project
  グ

  Google APIs

  Intermediate

• Build a website whose content comes from Notion
  ナ

  Notion API

  Intermediate

• Build a Slack bot for your team
  サ

  Slack Bot

  Intermediate

• Build a Discord bot for your community
  デ

  Discord Bot

  Beginner

• Connect your app to 5,000+ services without writing integrations
  ズ

  Zapier / Make — No-Code Automation

  Beginner

Master the tools you vibe-code with

• Create an entire project with a single prompt in the terminal
  ク

  Claude Code

  Beginner

• Write code with an AI assistant right in your editor
  ク

  Cursor / Windsurf

  Beginner

• Set up Claude to know your project perfectly
  ク

  Claude Projects — AI Context

  Beginner

• Connect Claude to your data via MCP
  マ

  MCP Servers

  Intermediate

• Go from idea to deployed product in one day
  ヴ

  Vibe Coding as a Method

  Intermediate