Idea to Product
This is a flow-first product iteration skill.
It helps you turn a rough idea into:
- a constrained MVP
- a backlog of gaps
- a UX flow with page responsibilities
- Playwright-ready browser checks
- 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