storybook
Storybook configuration, stories, addons, interaction testing, and documentation.
npx skills add a5c-ai/babysitter --skill storybook --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Storybook Skill Expert assistance for component development with Storybook. ## Capabilities - Configure Storybook - Write component stories - Add interaction testing - Configure addons - Generate documentation ## Story Patterns ```typescript import type { Meta, StoryObj } from '@storybook/react'; import { Button } from './Button'; const meta: Meta<typeof Button> = { title: 'Components/Button', component: Button, tags: ['autodocs'], argTypes: { variant: { control: 'select', options: ['primary', 'secondary'] }, size: { control: 'select', options: ['sm', 'md', 'lg'] }, }, }; export default meta; type Story = StoryObj<typeof Button>; export const Primary: Story = { args: { variant: 'primary', children: 'Click me', }, }; export const WithInteraction: Story = { args: { children: 'Click me' }, play: async ({ canvasElement }) => { const canvas = within(canvasElement); await userEvent.click(canvas.getByRole('button')); }, }; ``` ## Target Processes - component-library - design-system - documentation
- Capabilities
- Story Patterns
- Target Processes
What does the storybook skill do?
Storybook configuration, stories, addons, interaction testing, and documentation.
How do I install it?
Run `npx skills add a5c-ai/babysitter --skill storybook --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From a5c-ai/babysitter, a repository with 1,642 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.