Generate Storybook stories and docs for React, Vue, and Svelte components.
npx skills add https://github.com/ychampion/storybook-codex --skill storybook-codex
Please help me install this Agent Skill. Skill: storybook-codex Source: https://github.com/ychampion/storybook-codex/tree/main/skills/storybook-codex Command: npx skills add https://github.com/ychampion/storybook-codex --skill storybook-codex
Storybook Codex centralizes and automates the lifecycle of Storybook stories across React, Vue, and Svelte, reducing manual toil, drift, and context-switching.
parameters.docs.descriptionRun the blueprint and docs generators on a component to produce ready-to-integrate Storybook artifacts.
High-intent search queries and answers about installing and using this skill.
Storybook automation analyzes repository context to mine real usage, provider trees, and tokens, producing compact framework-aware blueprints across React, Vue, and Svelte. It generates .stories.tsx, .stories.ts, and .stories.svelte files while respecting existing conventions.
Use diff-aware updates that preserve existing titles and docs blocks. This generates .stories.mdx files and docs-tagged CSF stories with parameters.docs.description while respecting repository conventions and surfacing actionable recommendations.
Yes, it scaffolds play() flows and visual regression hooks for Playwright. It analyzes component usage to suggest parent-context stories, wrapper decorators, and preview decorators that integrate with Playwright testing workflows.
Yes, you can audit Storybook repos to surface health gaps, lens coverage, and actionable improvements. The audit detects design tokens, checks a11y coverage, and produces recommendations for stories, docs, and accessibility improvements.
Analyze repository context to mine real provider trees and tokens. The process generates framework-aware wrapper decorators and preview decorators for React, Vue, and Svelte Storybook stories, ensuring changes respect existing conventions.
Avoid automated Storybook story generation when your repository lacks existing stories or docs conventions to preserve, or when components have no real usage patterns to mine. The tool relies on repository context to produce framework-aware blueprints.
jangtrinhAutomates design system setup with token extraction, component inventory, and Storybook scaffolding.
juburrBuild and validate React-TypeScript components with Storybook CSF3 stories.
shredbxAutomate Storybook component library creation with MDX docs, props tables, and visual regression tests.
TinkerbellsCreate and maintain Vue component stories using CSF3 syntax in Storybook.