AgentSkillsCN

storybook-story

添加交互演示与无障碍注释，为 Storybook 编写故事场景。

SKILL.md
--- frontmatter
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.