/vibe-techdesign

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

khazp@khazp

GitHub

From plugin

vibe-coding-prompt-template

2.8k6 skills6 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, auto-invoked

Stats

Python JavaScript React React Native Next.js

+7 tags

Cloudflare Vercel GitHub Mermaid Anthropic OpenAI Gemini

2,822

Stars

Views