From zsl
Builds throwaway prototypes to validate designs: terminal apps for state/logic questions or toggleable UI variants for mockups and exploration.
npx claudepluginhub zunosmartlabs/zsl-superpowersThis skill uses the workspace's default tool permissions.
A prototype is **throwaway code that answers a question**. The question decides the shape.
Builds throwaway prototypes to validate designs: terminal apps for state/logic questions or toggleable UI variants for mockups and exploration.
Design interactive prototypes and user flows using Figma, Framer, ProtoPie. Compare tools, create flows with TypeScript templates, implement testing strategies, and manage dev handoff to validate ideas before coding.
Generates interactive UI prototypes in frontend repositories from PRD and User Journey to validate interaction flows, states, and navigation before HLD/API contracts.
Share bugs, ideas, or general feedback.
A prototype is throwaway code that answers a question. The question decides the shape.
Identify which question is being answered — from the user's prompt, the surrounding code, or by asking if the user is around:
The two branches produce very different artifacts — getting this wrong wastes the whole prototype. If the question is genuinely ambiguous and the user isn't reachable, default to whichever branch better matches the surrounding code (a backend module → logic; a page or component → UI) and state the assumption at the top of the prototype.
pnpm <name>, python <path>, bun <path>, etc. The user must be able to start it without thinking.The answer is the only thing worth keeping from a prototype. Capture it somewhere durable (commit message, ADR, issue, or a NOTES.md next to the prototype) along with the question it was answering. If the user is around, that capture is a quick conversation; if not, leave the placeholder so they (or you, on the next pass) can fill in the verdict before deleting the prototype.