Back to Discover

#component props stories

1 prompt found

๐ŸŽฏ Design

Storybook Story Args from Component Props (No Fake UI Screenshots)

PpromptstudioยทAug 28, 2026
No rating

Write Storybook story args and argTypes from pasted component props. Never invent props or fake UI screenshots.

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.