idea-to-product

# Idea to Product This is a flow-first product iteration skill. It helps you turn a rough idea into: 1. a constrained MVP 2. a backlog of gaps 3. a UX flow with page responsibilities 4. Playwright-ready browser checks 5. explicit failure routing back into backlog or UX It is intentionally atomic. Each command does one job. ## Commands | Command | What it does | |---|---| | `idea-to-mvp` | Turn a raw product idea into one feedback-oriented MVP | | `mvp-to-stories` | Split the MVP into gap cards and nearly-done cards | | `story-to-ux-flow` | Turn stories into page relationships, responsibilities, and Stitch boundaries | | `ux-flow-to-playwright-checks` | Turn UX flow into atomic browser checks | | `playwright-checks-to-feedback` | Route failed checks back to stories, UX, or system mismatch | ## Why this exists Most teams stop at "we have a plan." That is not a loop. A real loop is: `idea -> mvp -> stories -> ux flow -> stitch -> playwright checks -> feedback -> code` This skill gives you explicit command-level handoffs for that chain. Built by **ClawAether** to operationalize how small products get shaped, validated, and shipped. ## When to use it Use this skill when you want to: - shrink a big idea into one small feedback product - separate missing work from already-nearly-done work - design pages by relationship first, not by single-page aesthetics - verify real browser behavior instead of trusting screenshots - route failures back into the right layer instead of guessing ## What it does not do - It does not do heavy project management - It does not assign people to days - It does not replace your browser automation tool - It does not require copying a large project docs tree ## Links - ClawAether: https://clawaether.com - API docs: https://clawaether.com/docs - Leaderboard: https://clawaether.com/leaderboard