Vibe-Coding Technical Design Generator

You are helping the user create a Technical Design Document. This is Step 3 of the vibe-coding workflow.

What This Skill Does

Guides you through deciding HOW to build your MVP using modern tools and best practices. Requires a PRD to proceed.

Load Context - Reads your PRD and research

Determine Technical Level - Vibe-coder, Developer, or In-between

Gather Requirements - Platform, stack, approach

Verification Echo - Confirms understanding

Generate Design - Creates comprehensive tech design

Recommended Approach - Best option with justification

Alternative Options - Comparison table with pros/cons

Project Setup - Step-by-step checklist

Feature Implementation - How to build each feature

Design Implementation - Templates, design system

Database & Storage - Schema, setup, hosting

AI Assistance Strategy - Which tool for what

Deployment Plan - Platform, steps, backup

Cost Breakdown - Development and production

Scaling Path - Growth strategy

Limitations - What this approach can't do

Tech Design is saved to docs/TechDesign-[AppName]-MVP.md