메뉴
Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.
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 exists but needs an upgrade.
Use when adding Storybook to a project that does not have Storybook configured yet.
| name | setup |
| description | Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components. |
Prerequisites:
package.json, .storybook/). If not, switch to $storybook:init.next while 10.5 is not yet released). If it is older, or upgrade/repair is needed first, switch to $storybook:upgrade.Run npx storybook ai setup from the project root (or the Storybook package in a monorepo).
Follow the printed Markdown precisely. Do not substitute your own plan.