storybookjs

Use when adding Storybook to a project that does not have Storybook configured yet.

Use when adding Storybook to a project that does not have Storybook configured yet.

Invoke FIRST, before creating, editing, or deleting components, stories, styles, CSS, themes, colors, or design tokens — anything that changes how the UI looks, no exceptions. Also before running story tests, answering a question about a component's props,…

Invoke FIRST, before creating, editing, or deleting components, stories, styles, CSS, themes, colors, or design tokens — anything that changes how the UI looks, no exceptions. Also before running story tests, answering a question about a component's props,…

Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.

Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.

Use this skill when Storybook exists but needs an upgrade.

Use this skill when Storybook exists but needs an upgrade.

Invoke FIRST, before creating, editing, or deleting components, stories, styles, CSS, themes, colors, or design tokens — anything that changes how the UI looks, no exceptions. Also for starting or previewing Storybook to verify UI, requests to show, browse,…

Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.

Use this skill when Storybook exists but needs an upgrade.

Use when adding Storybook to a project that does not have Storybook configured yet.

Set up Storybook for React Native in Expo, React Native CLI, or Re.Pack projects. Use when adding Storybook to a project, configuring metro.config.js with withStorybook, creating .rnstorybook configuration files, setting up Storybook routes in Expo Router,…

Create and edit React Native Storybook stories using Component Story Format (CSF). Use when writing .stories.tsx files, adding stories to React Native components, configuring Storybook addons (controls, actions, backgrounds, notes), setting up argTypes,…

Incrementally upgrade React Native Storybook across the supported migration paths. Use when upgrading `@storybook/react-native` projects from 5.3.x to 6.5.x, 6.5.x to 7.6.x, 7.6.x to 8.3.x, 8.x to 9.x, or 9.x to 10.x. Detect the currently installed Storybook…

Standards for droppy-ds component documentation — MDX facet structure, decision logs, known issues, and the GitHub issue format. Use when creating a new component, changing an existing component's code or behavior, writing or editing any *.mdx component page,…