feat(skills): promote Storybook story generation to a documented skill#109
Merged
Merged
Conversation
Surface the existing AST-based Storybook generator (generate-stories.sh / generate-stories.js) as a first-class, discoverable skill and wire it into the design-to-code pipeline. - Add .claude/skills/storybook-story-generation/SKILL.md documenting trigger conditions, the ts-morph generation process, control mapping, CLI flags, pipeline.config.json options, outputs, and common mistakes - Wire it into figma-to-react-workflow as non-blocking Phase 4.5 (auto-generate stories + MDX after component build) with Integration cross-references and a pipeline-flow entry - Add the skill to the skills catalog, main README, CLAUDE.md, and onboarding docs; bump documented skill counts 23 -> 24 (also backfill the missing indesign-conversion row in the README skills list) Closes #81 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
PAMulligan
added
documentation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
scripts/generate-stories.sh(a thin wrapper over thets-morph-basedscripts/generate-stories.js) already existed but was never surfaced as a first-class skill. This PR promotes it to a documented, discoverable skill and wires it into the design-to-code pipeline.What changed
.claude/skills/storybook-story-generation/SKILL.mddocumenting trigger conditions/phrases, the AST generation process, prop→control mapping, variant/action-arg/default-arg behavior, CLI flags,pipeline.config.json → storybookoptions, outputs, and common mistakes. Modeled on thee2e-test-generatorskill format.figma-to-react-workflownow invokes it as non-blocking Phase 4.5 (auto-generate stories + MDX right after the component build passes tests), with matching entries in the skill's Integration section and the catalog's pipeline-flow diagram.README.md,CLAUDE.md, and onboarding docs; bumped every documented skill count 23 → 24. Also backfilled the previously-missingindesign-conversionrow in the README skills list so it reads a contiguous 1–24.Acceptance criteria (#81)
.claude/skills/storybook-story-generation/SKILL.mdfigma-to-react-workflowskill (auto-generate stories after build)Verification
./scripts/check-doc-counts.sh→ 0 drift (on disk: 56 agents, 24 skills)pnpm vitest run scripts/__tests__/check-doc-counts.test.js→ 5 passedprettier --checkon all changed Markdown → cleanNo code/script behavior changed — this is a documentation/skill-surface change over the existing generator.
Closes #81