القائمة
Use when adding Storybook to a project that does not have Storybook configured yet.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
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, or list components, stories, or UI states, and docs, props, or usage lookups.
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, or list components, stories, or UI states, and docs, props, or usage lookups.
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 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.
| name | storybook-init |
| description | Use when adding Storybook to a project that does not have Storybook configured yet. |
npm create storybook@latest inside your project's root directory to install the latest version of Storybook. Use the matching package-manager command when appropriate, such as pnpm create storybook@latest or yarn create storybook.npx storybook add @storybook/addon-mcp./storybook-setup skill to help the user set up project-specific Storybook configuration, such as the .storybook/preview.ts file.