spec-based-web-dev

What problem does it solve?

This Skill automates the entire web development planning process, transforming high-level product requirements into detailed, actionable implementation plans. It eliminates the manual, error-prone, and time-consuming effort of designing database schemas, writing use cases, structuring state management, and outlining modular code, ensuring a systematic and review-gated workflow.

Core Features & Use Cases

• Automated Planning Generation: Automatically creates database schemas, detailed use cases with sequence diagrams, page-level state management designs (Context + useReducer), and modular implementation plans.
• Structured Workflow Enforcement: Guides you through a systematic, multi-phase development process with built-in review cycles, ensuring alignment and reducing rework.
• Hono + Supabase Integration: Provides specialized guidance and templates for projects utilizing the Hono backend framework with Supabase for database operations.
• Use Case: Kickstart a new web application project by generating all necessary architectural and implementation documentation, from initial PRD to code-ready plans, ensuring a solid foundation before a single line of code is written.

Quick Start

Initiate Phase 1: Database Schema Generation

Task( subagent_type="database_writer", description="Generate database schema", prompt="/docs/prd.md, /docs/userflow.md, 그리고 /docs/external/ 디렉토리의 모든 파일을 참조하여 데이터베이스 스키마를 설계하고 /docs/database.md와 migration SQL을 생성해주세요. 외부 서비스 연동이 필요한 경우 해당 데이터 요구사항도 스키마에 반영해주세요." )