Agent skill
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".
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/devops/incident-response-korallis-droidz
SKILL.md
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.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?