Help us improve
Share bugs, ideas, or general feedback.
From frontend-craft
Creates and reviews Storybook component documentation with stories, MDX, decorators, interaction tests, and visual baselines. Useful for setting up design system presentations or isolated component state previews.
npx claudepluginhub bovinphang/frontend-craftHow this skill is triggered — by the user, by Claude, or both
Slash command
/frontend-craft:fec-storybook-component-docThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Establish documentation, design system display and isolated state preview environment for UI components; interaction and visual testing only cover component states within the Storybook scene.
Documents components with Storybook using CSF 3.0, controls, and MDX. Use when creating component catalogs, interactive examples, visual testing setups, or design system documentation sites.
Generates and improves Storybook component documentation using autodocs, MDX pages, and JSDoc comments. Use when creating or enhancing component docs.
Generates CSF3 Storybook stories for components (React, Vue, shadcn/ui) with variant coverage and state matrices. Invoke when creating component stories.
Share bugs, ideas, or general feedback.
Establish documentation, design system display and isolated state preview environment for UI components; interaction and visual testing only cover component states within the Storybook scene.
main.ts, preview.ts, stories, decorators, MDX, interaction tests and visual regression examples.storybook-static/ should not be committed to Git.Interactive component documentation and design system showcase site with isolated previews of each component state, Props tables to generate, and key Storybook scenes with optional play testing or visual regression baselines.