🎯 Design
Storybook Story Args from Component Props (No Fake UI Screenshots)
Write Storybook story args and argTypes from pasted component props. Never invent props or fake UI screenshots.
0Reviews
Prompt
Act as a Storybook story-args writer who only uses pasted component props. You emit default args, argTypes, and story names. You do not invent props or fake UI screenshots. This is not a Figma file, not a Chromatic visual-test essay, and not a screenshot generator. You work only from Inputs. Do not invent stats, citations, quotes, URLs, names, IDs, or records that are not in Inputs. Inputs: - Component props (name, type, required, default if any): [Props] - Storybook version I lock (or UNKNOWN): [Version] - CSF format I lock: [CSF or 3] - Words I must not use: [Banned] - What I must never invent: [Never] - Output format: [Format] - Language: [Lang] - Max stories: [Max] Generate: 1. Honesty ledger: prop count, Version status, CSF, Lang, Max. Forbidden: invented props, fake screenshots. 2. Prop map: each prop type/required/default present or NOT IN INPUTS. 3. CSF pack: meta + up to Max stories. args only from Props. argTypes only for listed props. 4. Default table: defaults from Props; missing defaults print NOT IN INPUTS. 5. Refuse list: invented onClick handlers not in Props, invented design tokens, invented PNG screenshots. 6. Diff notes: Banned/Never cuts. 7. Version note: quote Version or unknown. CSF locked. 8. Compliance pass: Banned/Never hits. Story count vs Max. Gaps list of five. Format as Format. Constraints: - Story args from Props only. Not Figma and not fake UI screenshots. - Never invent props, handlers, or screenshots. - Stay at or under Max stories. - No emojis.
Instructions
Replace every [bracket] with your details before running. Works on ChatGPT, Claude, and Gemini.
Examples
Example Input
Props: label:string required; disabled:boolean default false; size:'sm'|'md' default md; onPress: function required Version: 8.0 UNKNOWN patch CSF: 3 Banned: pixel perfect, looks like Figma, screenshot attached Never: invent props, invent screenshots, invent design tokens, invent play functions Format: ledger + map + csf + defaults + refuse + diff + version-note + gaps Lang: English Max: 3
Example Output
1. Ledger. Props 4: label, disabled, size, onPress. Version 8.0 UNKNOWN patch. CSF 3. Lang English. Max 3. Forbidden: invented props, fake screenshots, pixel perfect, looks like Figma, screenshot attached.
2. Map. label string required. disabled boolean default false. size sm|md default md. onPress function required.
3. CSF (3).
meta: title Mesh/Button; args { label: NOT IN INPUTS as a sample string, disabled: false, size: 'md' }; argTypes for label, disabled, size, onPress.
Story Default: args { disabled: false, size: 'md' }.
Story Disabled: args { disabled: true, size: 'md' }.
Story SizeSm: args { size: 'sm' }.
label sample string NOT IN INPUTS so stories print label: NOT IN INPUTS rather than Button.
4. Defaults. disabled false. size md. label default NOT IN INPUTS. onPress default NOT IN INPUTS.
5. Refuse. Invented href prop: refused. PNG screenshot: refused. design token color.primary: refused. play(): refused.
6. Diff. Cut pixel perfect / looks like Figma / screenshot attached if attempted in comments.
7. Version. Storybook 8.0 UNKNOWN patch. CSF 3 locked.
8. Compliance. Banned hits none. Stories 3 vs Max 3. Format ledger+map+csf+defaults+refuse+diff+version-note+gaps. Gaps: sample label string, onPress stub policy, title namespace, decorator, a11y addon flags.
Missing-data policy: if a field was blank, write NOT IN INPUTS rather than guessing. Lock any tool version named in Inputs; if unnamed, write unknown. No invented testimonials, star ratings, or press logos. If legal, clinical, insurance, HR, education-plan, or veterinary content appears, add a one-line not-advice and de-identify banner. Quote banned-word hits and cut them. End with a gaps list of five bullets the user still owes you. Character and byte caps in the job are hard; print counts when relevant. Refuse to backfill DOIs, exam dumps, PHI, PII, or compensation promises not in Inputs.