π― Overview
A repeatable workflow to go from idea β shipped product using AI-assisted βvibe codingβ.
- Principles: Design before code, build user-flow first, test constantly, branch small.
- Tools: GitHub (dev/prod + feature branches), Claude Code (design), Cursor (implementation), AI for QA & bug reports.
π Workflow
Step 1 β Capture Idea
- Write User Stories first.
- Define Personas & Primary UX Flow.
- Draft Use Cases.
- Create lightweight 4C diagrams (Context, Containers, Components, Code).
Step 2 β Repo Setup
- Create GitHub repo immediately.
- Branches:
- prod (protected, deployable)
- dev (integration)
- feat/<scope>-<desc> for features
- fix/<scope>-<desc> for bugs
Step 3 β Design
Use Claude Code prompt (see template below) to design: