القائمة
Use this skill when Storybook is already installed and the user wants a working `preview` file and stories for real components.
يُحدَّد Prompt الذي يراجع المصدر أولًا بشكل افتراضي. يمكنك التبديل إلى أمر مباشر أو تنزيل نسخة محلية.
اقرأ SKILL.md وأي ملفات مرافقة يعرضها SkillsMP قبل أن تقرر التثبيت.
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
يتجاوز الأمر المباشر Prompt المخصّص للمراجعة. افحص المصدر قبل تشغيله.
npx skills add https://github.com/storybookjs/mcp --skill setupيبقى الأمر في سطر واحد. مرّر أفقيًا لمراجعته كاملًا قبل النسخ.
تفضّل نسخة محلية؟ نزّل الملفات المتاحة حاليًا لدى SkillsMP.
عرض SKILL.md
| 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.
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 exists but needs an upgrade.
Use when adding Storybook to a project that does not have Storybook configured yet.
استنادا إلى تصنيف SOC المهني
