Help us improve
Share bugs, ideas, or general feedback.
From frontend-skills
Builds throwaway logic or UI prototypes to answer specific design questions quickly. Useful for validating a state machine or UI variant before committing to real code.
npx claudepluginhub redpanda-data/ui-harness --plugin frontend-skillsHow this skill is triggered — by the user, by Claude, or both
Slash command
/frontend-skills:prototypeThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Prototype = throwaway code answering one question.
Builds throwaway prototypes to answer design questions — terminal apps for logic/state exploration or multiple UI variations on a single route.
Builds a throwaway prototype to answer a design question — either a terminal app for state/logic exploration or multiple UI variations on a single route. Use when sanity-checking a data model, mocking up a UI, or exploring design options.
Use this skill when the user asks to "vibe code this", "build this with AI", "help me use Cursor/v0/Bolt to build this", "vibe coding from my PRD", "how do I code this with AI", "turn this spec into code", or wants guidance on using AI coding tools (Cursor, GitHub Copilot, v0, Bolt, Lovable, Claude Artifacts) to prototype or build a feature from a product spec. This is a coaching skill — it helps the PM get the most out of AI coding tools, not write code directly.
Share bugs, ideas, or general feedback.
Prototype = throwaway code answering one question.
If ambiguous and user absent: infer from code. Backend/module -> logic. Page/component -> UI. State assumption.
Capture answer + original question in commit msg, ADR, issue, or local notes. Prototype itself should not rot.