vibe-coder
Describe your idea, get a deployed product. All Craft Coder skills + brainstorm, validation, marketing.Use when: user wants to build something from an idea, prototype, or MVP.Triggers: "build app", "create website", "make MVP", "I have an idea","хочу приложение", "создать сайт", "сделать MVP".
When & Why to Use This Skill
Vibe Coder is a comprehensive AI-driven development agent designed to transform natural language descriptions into fully functional, deployed products. It automates the entire software development lifecycle—from initial brainstorming and idea validation to tech stack selection, UI generation, and production deployment—enabling users to build MVPs and complex applications without needing to manage underlying technical complexities like TDD, security checks, or infrastructure.
Use Cases
- Rapid MVP Prototyping: Quickly transform a startup idea into a live, functional web application to validate product-market fit with minimal effort.
- Full-Stack Web Development: Generate complete applications using modern frameworks like Next.js, Supabase, and FastAPI by simply describing the desired features.
- Automated Feature Expansion: Use the '/vibe:add' command to incrementally build and integrate new features, database schemas, and API endpoints into existing projects.
- Idea Refinement and Validation: Utilize Socratic dialogue and brainstorming tools to move from a vague concept to a structured technical roadmap and validated business model.
- Zero-Ops Deployment: Automatically publish applications to production environments with built-in CI/CD, security auditing, and automated testing pipelines.
| name | vibe-coder |
|---|---|
| description | | |
| Use when | user wants to build something from an idea, prototype, or MVP. |
| Triggers | "build app", "create website", "make MVP", "I have an idea", |
Vibe Coder
Describe what you want. Get a deployed product.
The Vibe
You: "I want an app for tracking expenses"
↓
Claude: Asks a few questions
↓
Claude: Builds everything (hidden complexity)
↓
You: ✅ Done! [Preview] [Deploy]
What's Included
MVP Workflow (unique to Vibe Coder)
| Skill | What it does |
|---|---|
brainstorming |
Refine ideas with Socratic dialogue |
idea-validation |
Validate problem/solution fit |
stack-selector |
Choose tech stack automatically |
ui-generator |
Create UI from descriptions |
feature-builder |
Add features incrementally |
db-designer |
Design database schema |
api-generator |
Generate API endpoints |
deploy-automation |
Deploy to production |
All Craft Coder Skills (40+)
- Backend: Python, Node.js, Rust
- Frontend: React, design systems
- Mobile: React Native, Expo
- Data: Pipelines, dbt, Airflow
- Infrastructure: Terraform, K8s, monitoring
- Quality: Testing, code review, debugging
Commands
| Command | Purpose |
|---|---|
/vibe:brainstorm |
Refine idea with Socratic dialogue |
/vibe:idea |
Start from scratch with simple questions |
/vibe:build |
Create the app (full pipeline) |
/vibe:add |
Add feature to existing app |
/vibe:preview |
Show current state |
/vibe:deploy |
Publish to production |
Agents
- vibe-coder — Build apps from descriptions
- code-reviewer — Review code automatically
Hidden Pipeline
Every change runs through:
- TDD (test first, then implement)
- Automated tests
- Security checks (OWASP)
- Code review (auto-fix issues)
User only sees ✅ or ❌ — never the process.
Templates
| Template | When to use |
|---|---|
| nextjs-supabase | Web apps, SaaS, dashboards |
| fastapi-postgres | APIs, backends, AI/ML projects |
| hono-drizzle | Edge, serverless, Cloudflare |
| landing-page | Marketing sites, portfolios |
Stack selector chooses automatically.
No Technical Jargon
You never need to know:
- What framework to use
- How to structure code
- What tests to write
- How to deploy
Just describe what you want. Vibe coding at its finest.