菜单
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".
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
| name | vibe-coder |
| description | 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". |
Describe what you want. Get a deployed product.
You: "I want an app for tracking expenses"
↓
Claude: Asks a few questions
↓
Claude: Builds everything (hidden complexity)
↓
You: ✅ Done! [Preview] [Deploy]
| 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 |
| 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 |
Every change runs through:
User only sees ✅ or ❌ — never the process.
| 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.
You never need to know:
Just describe what you want. Vibe coding at its finest.
Validates beads issues after creation. Checks dependencies, PRD mapping, order, and issue quality. Use when: after creating issues, before TDD loop, before handoff. Triggers: "validate beads", "check issues", "verify tasks", "check quality", "validate handoff".
Proactive workflow for projects using beads issue tracker. ACTIVATE AUTOMATICALLY when session starts in directory with .beads/. Use when: starting work session, selecting tasks, completing tasks, creating subtasks. Triggers: "какие задачи", "что делать", "готово", "done", "следующая задача", "создай задачу", "tasks", "next task", "pick task", "обнови задачи", "refresh", "sync".
Modern edge-native web stack: Hono + htmx + UnoCSS + Cloudflare D1. Use when: building server-rendered apps with interactivity, rapid prototyping, CRUD apps, landing pages, marketplaces. Zero cold start, global edge deployment, $0/month on CF free tier. TypeScript alternative to Rust/Axum + htmx stack.
OpenAI REST API integration guide. Use when: making direct HTTP calls to OpenAI API, understanding API structure without SDK, debugging API requests, learning request/response formats, handling errors and rate limits. Covers: authentication, Chat Completions, Embeddings, Images (DALL-E), Audio (Whisper/TTS), error handling, streaming.
OpenAI official SDK usage (Python, Node.js). Use when: writing code that calls OpenAI API, implementing chat/embeddings/images/audio features, handling streaming responses, async patterns, error handling with SDK. For raw HTTP/REST calls, see `openai-api` skill.
Build browser extensions with WXT framework, Manifest V3, and TypeScript. Use when: creating Chrome extension, Firefox addon, browser plugin. Triggers: "extension", "browser extension", "chrome extension", "firefox addon", "manifest v3", "wxt".