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#

CommandWhat it doesidea-to-mvpTurn a raw product idea into one feedback-oriented MVPmvp-to-storiesSplit the MVP into gap cards and nearly-done cardsstory-to-ux-flowTurn stories into page relationships, responsibilities, and Stitch boundariesux-flow-to-playwright-checksTurn UX flow into atomic browser checksplaywright-checks-to-feedbackRoute 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