[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-storybook-storybook-init":3,"mdc-is6dkp-key":34,"related-org-storybook-storybook-init":109,"related-repo-storybook-storybook-init":197},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":12,"stars":23,"repoUrl":24,"updatedAt":25,"license":26,"forks":27,"topics":28,"repo":29,"sourceUrl":32,"mdContent":33},"storybook-init","initialize Storybook in new projects","Use when adding Storybook to a project that does not have Storybook configured yet.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},"storybook","Storybook","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Fstorybook.png","storybookjs",[13,17,20],{"name":14,"slug":15,"type":16},"Configuration","configuration","tag",{"name":18,"slug":19,"type":16},"UI Components","ui-components",{"name":21,"slug":22,"type":16},"Testing","testing",262,"https:\u002F\u002Fgithub.com\u002Fstorybookjs\u002Fmcp","2026-07-16T06:00:45.823925",null,36,[],{"repoUrl":24,"stars":23,"forks":27,"topics":30,"description":31},[],"🤖","https:\u002F\u002Fgithub.com\u002Fstorybookjs\u002Fmcp\u002Ftree\u002FHEAD\u002Fpackages\u002Fclaude-plugin\u002Fskills\u002Fstorybook-init","---\nname: storybook-init\ndescription: Use when adding Storybook to a project that does not have Storybook configured yet.\n---\n\n1. Run `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`.\n2. After initialization succeeds, run `npx storybook add @storybook\u002Faddon-mcp`.\n3. Invoke the `\u002Fstorybook-setup` skill to help the user set up project-specific Storybook configuration, such as the `.storybook\u002Fpreview.ts` file.\n",{"data":35,"body":36},{"name":4,"description":6},{"type":37,"children":38},"root",[39],{"type":40,"tag":41,"props":42,"children":43},"element","ol",{},[44,76,88],{"type":40,"tag":45,"props":46,"children":47},"li",{},[48,51,58,60,66,68,74],{"type":49,"value":50},"text","Run ",{"type":40,"tag":52,"props":53,"children":55},"code",{"className":54},[],[56],{"type":49,"value":57},"npm create storybook@latest",{"type":49,"value":59}," inside your project's root directory to install the latest version of Storybook. Use the matching package-manager command when appropriate, such as ",{"type":40,"tag":52,"props":61,"children":63},{"className":62},[],[64],{"type":49,"value":65},"pnpm create storybook@latest",{"type":49,"value":67}," or ",{"type":40,"tag":52,"props":69,"children":71},{"className":70},[],[72],{"type":49,"value":73},"yarn create storybook",{"type":49,"value":75},".",{"type":40,"tag":45,"props":77,"children":78},{},[79,81,87],{"type":49,"value":80},"After initialization succeeds, run ",{"type":40,"tag":52,"props":82,"children":84},{"className":83},[],[85],{"type":49,"value":86},"npx storybook add @storybook\u002Faddon-mcp",{"type":49,"value":75},{"type":40,"tag":45,"props":89,"children":90},{},[91,93,99,101,107],{"type":49,"value":92},"Invoke the ",{"type":40,"tag":52,"props":94,"children":96},{"className":95},[],[97],{"type":49,"value":98},"\u002Fstorybook-setup",{"type":49,"value":100}," skill to help the user set up project-specific Storybook configuration, such as the ",{"type":40,"tag":52,"props":102,"children":104},{"className":103},[],[105],{"type":49,"value":106},".storybook\u002Fpreview.ts",{"type":49,"value":108}," file.",{"items":110,"total":196},[111,128,140,153,170,176,186],{"slug":112,"name":112,"fn":113,"description":114,"org":115,"tags":116,"stars":125,"repoUrl":126,"updatedAt":127},"setup-react-native-storybook","configure Storybook for React Native projects","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, configuring getStorybookUI, or adding the StorybookPlugin to a Re.Pack rspack\u002Fwebpack config. Covers Expo, Expo Router, plain React Native CLI, and Re.Pack setups.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[117,120,123,124],{"name":118,"slug":119,"type":16},"Expo","expo",{"name":121,"slug":122,"type":16},"React Native","react-native",{"name":21,"slug":22,"type":16},{"name":18,"slug":19,"type":16},1304,"https:\u002F\u002Fgithub.com\u002Fstorybookjs\u002Freact-native","2026-07-16T05:59:11.855468",{"slug":129,"name":129,"fn":130,"description":131,"org":132,"tags":133,"stars":125,"repoUrl":126,"updatedAt":139},"upgrading-react-native-storybook","upgrade React Native Storybook versions","Incrementally upgrade React Native Storybook across the supported migration paths. Use when upgrading `@storybook\u002Freact-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 version, choose only the next migration step, update dependencies and config, regenerate `storybook.requires`, convert remaining `storiesOf` stories to CSF during the `6.5.x -> 7.6.x` upgrade, and stop after a single version hop instead of jumping multiple major versions at once.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[134,137,138],{"name":135,"slug":136,"type":16},"Migration","migration",{"name":121,"slug":122,"type":16},{"name":18,"slug":19,"type":16},"2026-07-16T06:00:45.492255",{"slug":141,"name":141,"fn":142,"description":143,"org":144,"tags":145,"stars":125,"repoUrl":126,"updatedAt":152},"writing-react-native-storybook-stories","write React Native Storybook stories","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, decorators, parameters, or working with portable stories for testing. Applies to any task involving @storybook\u002Freact-native story authoring.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[146,149,150,151],{"name":147,"slug":148,"type":16},"Documentation","documentation",{"name":121,"slug":122,"type":16},{"name":21,"slug":22,"type":16},{"name":18,"slug":19,"type":16},"2026-07-16T05:59:13.908569",{"slug":154,"name":154,"fn":155,"description":156,"org":157,"tags":158,"stars":23,"repoUrl":24,"updatedAt":169},"stories","manage UI components and design tokens","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.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[159,162,165,168],{"name":160,"slug":161,"type":16},"CSS","css",{"name":163,"slug":164,"type":16},"Design","design",{"name":166,"slug":167,"type":16},"Themes","themes",{"name":18,"slug":19,"type":16},"2026-07-16T05:59:14.246482",{"slug":4,"name":4,"fn":5,"description":6,"org":171,"tags":172,"stars":23,"repoUrl":24,"updatedAt":25},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[173,174,175],{"name":14,"slug":15,"type":16},{"name":21,"slug":22,"type":16},{"name":18,"slug":19,"type":16},{"slug":177,"name":177,"fn":178,"description":179,"org":180,"tags":181,"stars":23,"repoUrl":24,"updatedAt":185},"storybook-setup","configure Storybook preview and stories","Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[182,183,184],{"name":14,"slug":15,"type":16},{"name":21,"slug":22,"type":16},{"name":18,"slug":19,"type":16},"2026-07-16T05:59:14.581999",{"slug":187,"name":187,"fn":188,"description":189,"org":190,"tags":191,"stars":23,"repoUrl":24,"updatedAt":195},"storybook-upgrade","upgrade existing Storybook installations","Use this skill when Storybook exists but needs an upgrade.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[192,193,194],{"name":14,"slug":15,"type":16},{"name":135,"slug":136,"type":16},{"name":18,"slug":19,"type":16},"2026-07-16T05:59:14.927035",7,{"items":198,"total":224},[199,206,212,218],{"slug":154,"name":154,"fn":155,"description":156,"org":200,"tags":201,"stars":23,"repoUrl":24,"updatedAt":169},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[202,203,204,205],{"name":160,"slug":161,"type":16},{"name":163,"slug":164,"type":16},{"name":166,"slug":167,"type":16},{"name":18,"slug":19,"type":16},{"slug":4,"name":4,"fn":5,"description":6,"org":207,"tags":208,"stars":23,"repoUrl":24,"updatedAt":25},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[209,210,211],{"name":14,"slug":15,"type":16},{"name":21,"slug":22,"type":16},{"name":18,"slug":19,"type":16},{"slug":177,"name":177,"fn":178,"description":179,"org":213,"tags":214,"stars":23,"repoUrl":24,"updatedAt":185},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[215,216,217],{"name":14,"slug":15,"type":16},{"name":21,"slug":22,"type":16},{"name":18,"slug":19,"type":16},{"slug":187,"name":187,"fn":188,"description":189,"org":219,"tags":220,"stars":23,"repoUrl":24,"updatedAt":195},{"slug":8,"name":9,"logoUrl":10,"githubOrg":11},[221,222,223],{"name":14,"slug":15,"type":16},{"name":135,"slug":136,"type":16},{"name":18,"slug":19,"type":16},4]