webapp-gen

What problem does it solve?

It solves the problem of manually scaffolding and coordinating a complete full-stack web application from idea to deployable project, saving engineers from repetitive setup and integration work.

Core Features & Use Cases

• Opinionated end-to-end workflow: guides project initialization, requirement analysis, API contract design, frontend prototype, backend design/code, black-box API testing, frontend integration, and final containerized acceptance.
• API-first contract with enforced response standards: produces a single source of truth (docs/api-design.md) including unified response envelope, error code ranges, pagination, and auth conventions.
• Safe, repeatable container strategy: uses local development for iteration with podman-based MySQL and final podman compose full-stack verification to reduce “works locally but fails in containers”.

Use case: You receive a one-sentence product idea and need a working React+TypeScript + Go (Gin/Gorm) + MySQL application skeleton quickly, with a documented API contract and an executable end-to-end black-box test script.

Quick Start

Use the webapp-gen skill to generate a complete React + Go + MySQL project by answering one-sentence requirements and letting it follow the required Step 0 initialization and the full workflow.