spec-based-web-dev

Translate product specifications into database schemas, use cases, and modular implementation plans.

Updated Oct 21, 2025
One-click install
npx skills add https://github.com/xodnjs1219-cpu/vmc-c5- --skill spec-based-web-dev
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: spec-based-web-dev
Source: https://github.com/xodnjs1219-cpu/vmc-c5-/tree/main/.claude/skills/spec_to_plan
Command: npx skills add https://github.com/xodnjs1219-cpu/vmc-c5- --skill spec-based-web-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

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을 생성해주세요. 외부 서비스 연동이 필요한 경우 해당 데이터 요구사항도 스키마에 반영해주세요." )

Frequently Asked Questions about spec-based-web-dev

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert product specifications into a database schema and implementation plan?

This Skill automates the translation of PRDs, user flows, and external service specs into database schemas, use cases with sequence diagrams, state management designs, and modular implementation plans. It generates repository-ready artifacts including migration SQL and enforces a gated review workflow before proceeding to code.

Can I use this for planning a Hono and Supabase web application?

Yes. This Skill provides specialized guidance and templates for projects using Hono as the backend framework with Supabase for database operations, integrating database design, migrations, and state management into a single planning workflow.

What does the planning workflow include?

The workflow generates database schemas with migration SQL, detailed use cases with sequence diagrams, page-level state management designs using Context and useReducer patterns, and modular implementation plans. Each phase includes mandatory review cycles before advancing.

How do I kickstart a new web project without manual planning overhead?

Provide your PRD, user flows, and external service specifications. The Skill automatically generates all architectural and implementation documentation—database design, use cases, state management, and code-ready plans—eliminating manual design work before writing code.

What artifacts does this Skill produce?

It generates docs/database.md, /supabase/migrations/*.sql files, /docs/NNN/spec.md documentation, sequence diagrams, and modular implementation guides. All outputs are repository-ready and follow a systematic, review-gated structure.

Does this Skill handle external service integrations in the schema design?

Yes. When external service specs are provided, the Skill reflects their data requirements into the database schema and includes integration guidance within the implementation plan.