# storybook-story

> Add a Storybook story with interactions and a11y notes.

- Author: Adam Winick
- Repository: sinelanguage/cursor-config-web
- Version: 20260201223507
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/sinelanguage/cursor-config-web
- Web: https://mule.run/skillshub/@@sinelanguage/cursor-config-web~storybook-story:20260201223507

---

---
name: storybook-story
description: Add a Storybook story with interactions and a11y notes.
disable-model-invocation: true
---
# Storybook Story

Create a Storybook story for a component with interaction tests.

## When to Use

- Use this skill when adding a new component or variant.

## Inputs

- Component name and props
- Variant list

## Instructions

1. Create a `.stories.tsx` file for the component.
2. Add primary and variant stories.
3. Include interaction tests if applicable.
4. Document accessibility behavior in story notes.

## Output

- Storybook story file with variants and interactions.