A Claude Code workflow that ships software epic by epic: nine skills, a visual roadmap and a five-phase pipeline.
Claude Code
HTML5
CSS
JavaScript
Overview
A portable, dependency-free Claude Code workflow. Nine skills — /create-design-system, /create-roadmap, /design, /lead-dev, /dev, /qa-review, /update-docs and more — take every epic through design, plan, code, QA and docs until the board and the repository tell the same story. Skills are symlinked globally, so one edit updates every project.
Key technical specs
Nine Claude Code skills covering the whole loop: design system, roadmap, design, lead-dev plan, dev, QA review, docs and timesheets.
Five-phase epic pipeline — design → plan → code → QA → docs — where each phase owns exactly one status change.
QA review audits plan conformity, code quality, OWASP security and design conformity; failures loop back with --review.
Generates the visual roadmap board and the design-system page used as each project's single source of truth.
Idempotent installer that symlinks the skills globally or per project, so one edit updates every project.
Inside the product
Design-system page
The single visual source of truth /create-design-system writes before any screen is built — foundations, logo rules, colour, type, tokens, states and voice.
Your privacy choices
This site sets no cookies. With your permission it counts visits with Vercel Web Analytics — anonymous, no cookie, no cross-site tracking. Your choice is kept on this device for 6 months. Privacy policy