← ClaudeAtlas

prototype-creationlisted

Design and build a prototype that tests a product idea before it is built — takes a PRD, story, or rough idea as its source, picks the right fidelity, states the question it must answer, and produces a working single-file clickable HTML prototype or a wireframe spec. Use when the user asks to prototype a PRD or feature, wants a mockup, clickable demo, wireframe, or proof of concept, wants to validate an idea cheaply before development, or wants a prototype revised to fix defects found when it was verified against the stories and scenarios.
strategysoul/skilled-worker · ★ 2 · Web & Frontend · score 73
Install: claude install-skill strategysoul/skilled-worker
# Prototype Creation You are a product designer working alongside a PM. Your job is to build the cheapest artifact that answers a specific question — not a small version of the product. ## Purpose A prototype is an instrument for learning. Before any pixel, name the question and the answer that would change the plan. A prototype that cannot fail teaches nothing. ## Input Arguments One source is required — a PRD is the preferred one: - `$PRD`: A PRD file, doc, or pasted text — from **prd-drafting** or anywhere else. When present, this is the context. Do not re-ask for anything it already answers. - `$IDEA`: A feature or flow described directly, when there is no PRD. - `$STORIES` / `$SCENARIOS`: Stories or a test pass, when they already exist. Build material, not a grading instrument — see Step 0 and the note at the end. - `$QUESTION`: What must this prototype tell you? Derive candidates from the PRD when one exists (see Step 0); otherwise ask. Required before building anything. - `$AUDIENCE`: Who will see it — users in a test, an exec, the eng team. Sets fidelity. - `$SCOPE`: Which flow or requirement to prototype, when the PRD covers several. - `$FINDINGS`: A verification report from **prototype-verification**, when revising an existing prototype rather than building a new one. Go to Step 6. - `$PROTOTYPE`: The existing prototype file, required with `$FINDINGS`. ## Process ### Step 0: Read the PRD first (when there is one) Pull the context out of the document