start-webapp

Guide new web app projects through goal elicitation, document generation, and GitHub Project task registration.

3|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/t6adev/claude-code-tools --skill start-webapp
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: start-webapp
Source: https://github.com/t6adev/claude-code-tools/tree/main/tools/skills/code/start-webapp
Command: npx skills add https://github.com/t6adev/claude-code-tools --skill start-webapp

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This interactive wizard guides teams through starting a new web application project by eliciting goals, creating architecture and requirements documents, and breaking work into actionable tasks, then registering them on a GitHub Project kanban board.

Core Features & Use Cases

  • Interactive discovery: elicit project goals, target users, and essential features with MoSCoW prioritization.
  • Documentation generation: produce CLAUDE.md, docs/architecture.md, and docs/requirements.md to guide design and governance.
  • Task and project setup: auto-generate issues from break-down tasks and wire them into a GitHub Project kanban workflow.
  • Phase-driven workflow: structured progression from discovery to design docs to tasking and project registration, with progress tracking.

Quick Start

Invoke the wizard with /start-webapp to begin the guided startup flow.

Frequently Asked Questions about start-webapp

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

FAQPage Schema
How do I set up a new web app project with structured architecture docs and a kanban board?

To set up a new web app project, you can use a guided wizard that elicits goals, generates architecture and requirements documents, and auto-registers tasks onto a GitHub Project kanban board. This enforces structured MoSCoW-based scoping and traceable project setup.

What is MoSCoW prioritization for web app requirements generation?

MoSCoW prioritization is a method used during interactive project discovery to categorize essential web app features into must-have, should-have, could-have, and won't-have tiers. It ensures generated requirements documents accurately scope the project's initial phase.

Can I automatically generate GitHub issues from architecture documents for an existing repository?

Yes, you can automatically generate GitHub issues from architecture documents for an existing repository. The wizard breaks down design docs into actionable tasks and wires them directly into a GitHub Project kanban workflow.

Do I need an existing repository before starting interactive web app project setup?

Yes, you need an existing repository before starting the interactive web app project setup. The wizard is intended for projects that already have a repository and desire a repeatable flow to generate design docs and wire tasks into GitHub.

What's the best way to create traceable tasks from web app requirements documents?

The best way to create traceable tasks from web app requirements is using a phase-driven workflow that auto-generates issues from your prioritized feature breakdown. This process directly registers the actionable items onto a GitHub Project kanban board.