/vibe-techdesign

Step 3 of the vibe-coding workflow: plan HOW to build it — stack, architecture, costs, deployment.

Boost this command

khazp@khazp

GitHub

From plugin

vibe-coding-prompt-template

3.1k6 skills3 agents6 commands

Install

$ npx -y skills add KhazP/vibe-coding-prompt-template --agent claude-code

How it fires

How this command gets triggered: by you, by Claude, or both.

Fires itselfClaude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/vibe-techdesign

Context preview

What this command does when you run it.

Step 3 of the vibe-coding workflow: plan HOW to build it — stack, architecture, costs, deployment.

Command definition

vibe-techdesign.md

/vibe-techdesign — Step 3: Tech design

Step 3 of the vibe-coding workflow: plan HOW to build it — stack, architecture, costs, deployment.

**Read `part3-tech-design-mvp.md` at the repository root and follow it as the single source of truth.** (If it isn't in this project, ask the user to paste it.)

The essentials:

Requires `docs/PRD-*.md` — if it's missing, route the user to `/vibe-prd` first.
Ask questions ONE at a time and wait for each answer.
Echo back a verification summary and get a "yes" before generating.
Write the doc to `docs/TechDesign-[AppName]-MVP.md`.

Done? Point the user to the next stage: `/vibe-agents`.

Read it on GitHub ↗

Ships withvibe-coding-prompt-template

Templates and workflow for generating PRDs, Tech Designs, and MVP and more using LLMs for AI IDEs

Get the whole plugin

Stats

TypeScript JavaScript React React Native Next.js

+7 tags

Cloudflare Vercel GitHub Anthropic OpenAI Gemini MCP

3,082

Stars

380