| name | storybook-solidjs |
| description | Generates Solid.js Storybook story files (*.story.tsx). Use when creating or editing Storybook stories for Solid.js components |
Storybook skill for Solid.js
Open and apply the reference files for the relevant section before working.
Core Rules
- Co-locate stories with the component and name them
ComponentName.story.tsx.
- Use
storybook-solidjs-vite Meta and StoryObj types.
- Define
argTypes for relevant props and events.
- Use
fn() from storybook/test for event handler args.
- Include interactions for complex behaviors.
- Ensure accessibility coverage for interactive stories.
- See ./examples/minimal-story.md for the base story shape.
- See ./examples/router-decorator.md when storying a component that consumes router context.
- See ./rules/title-rules.md for Storybook title formatting.