webapp-prd

Generates web application PRD documents through phased interactive interviews.

Updated Jul 7, 2026
One-click install
npx skills add https://github.com/hivgb1-ai/do-better-workspace-v2 --skill webapp-prd-hivgb1-ai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: webapp-prd
Source: https://github.com/hivgb1-ai/do-better-workspace-v2/tree/main/.claude/skills/webapp-prd
Command: npx skills add https://github.com/hivgb1-ai/do-better-workspace-v2 --skill webapp-prd-hivgb1-ai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Non-developers struggle to turn their manual workflows (Excel, KakaoTalk, paper processes) into structured web application specifications that prototyping tools and Claude Code can actually build from. ## Core Features & Use Cases - Phased Interview Process: Guides users through sequential phases covering current workflow, pain points, entities, screens, and tech stack, asking one question at a time with concrete examples. - Depth Selection: Offers SIMPLE (1-3 pages), STANDARD (3-8 pages), and DEEP (8+ pages with permission matrices and state machines) modes matched to project scale. - Design-Tool-Ready Output: Produces a PRD defining screen purposes, display data, user actions, and state cases while leaving component types, layout, and pixel details to design tools like Stitch or v0. - Use Case: A restaurant owner who manages orders via KakaoTalk and Excel describes their process, and the Skill produces a complete PRD with data models, screen definitions, and a Next.js + Google Sheets implementation guide. ## Quick Start Ask the AI to create a webapp PRD for your project idea, for example by saying "웹앱 PRD 만들어줘: 주문 관리 시스템".

Frequently Asked Questions about webapp-prd

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

FAQPage Schema
How do I write a PRD for a web app without technical knowledge?▼

Use a guided interview process that asks about your current workflow, pain points, users, and success vision one question at a time. The answers are then structured into a PRD covering data models, screens, and tech stack recommendations.

What should a web app PRD include for AI prototyping tools?▼

A PRD for tools like Stitch or v0 should define each screen's purpose, display data with priorities, user actions, and empty/loading/error cases. It should avoid specifying component types, layouts, or pixel details, which the design tool decides.

Should I use Google Sheets or Supabase as my app database?▼

Google Sheets via gws CLI works well for small teams under 50K rows with no setup overhead, letting users edit data directly. Choose Supabase when you need real-time concurrency, row-level security, or strong permission separation.

When should I use a dashboard PRD instead of a web app PRD?▼

If the core need is viewing data, monitoring status, or generating reports rather than managing workflows and CRUD actions, a dashboard-focused PRD is a better fit. Mixed cases with both dashboard and management features can stay in the web app flow.

Can the PRD process analyze my existing Excel data?▼

Yes, if you provide a file path, the process reads the file directly and analyzes rows, columns, types, and gaps. This Gap Analysis informs the data model and entity definitions in the final PRD.