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.