·storybook-stories
</>

storybook-stories

يكتب ويحافظ على قصص القصص المصورة واختبارات التفاعل باستخدام تنسيق CSF3. يغطي القصص المكونة، ووظائف اللعب، واختبار الانحدار البصري باستخدام اللوني، واختبار إمكانية الوصول. يُستخدم عند إنشاء وثائق المكونات، أو كتابة اختبارات التفاعل، أو تصحيح أخطاء الاختبار، أو تكوين اللقطات المرئية، أو تحديث بنية القصة. يستخدم لـ CSF3، ووظائف التشغيل، وuserEvent، واستعلامات مكتبة الاختبار، والتكوين اللوني، وautodocs، وMDX.

19التثبيتات·2الرائج·@oakoss

التثبيت

$npx skills add https://github.com/oakoss/agent-skills --skill storybook-stories

كيفية تثبيت storybook-stories

ثبّت مهارة الذكاء الاصطناعي storybook-stories بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/oakoss/agent-skills --skill storybook-stories
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: oakoss/agent-skills.

Storybook is a frontend workshop for building UI components in isolation. Stories are written in Component Story Format 3 (CSF3), which uses object syntax with args for type-safe component documentation and testing.

When to use: Component documentation with live examples, interaction testing with play functions, visual regression testing, accessibility validation, design system maintenance, isolated component development.

| Basic story | export const Default: Story = { args } | Use args for simple single components | | Complex story | export const Example: Story = { render } | Use render for multi-component layouts | | Meta configuration | const meta = { component, args } satisfies Meta | Define defaults and argTypes |

يكتب ويحافظ على قصص القصص المصورة واختبارات التفاعل باستخدام تنسيق CSF3. يغطي القصص المكونة، ووظائف اللعب، واختبار الانحدار البصري باستخدام اللوني، واختبار إمكانية الوصول. يُستخدم عند إنشاء وثائق المكونات، أو كتابة اختبارات التفاعل، أو تصحيح أخطاء الاختبار، أو تكوين اللقطات المرئية، أو تحديث بنية القصة. يستخدم لـ CSF3، ووظائف التشغيل، وuserEvent، واستعلامات مكتبة الاختبار، والتكوين اللوني، وautodocs، وMDX. المصدر: oakoss/agent-skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/oakoss/agent-skills --skill storybook-stories
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-25
آخر تحديث
2026-03-10

Browse more skills from oakoss/agent-skills

إجابات سريعة

ما هي storybook-stories؟

يكتب ويحافظ على قصص القصص المصورة واختبارات التفاعل باستخدام تنسيق CSF3. يغطي القصص المكونة، ووظائف اللعب، واختبار الانحدار البصري باستخدام اللوني، واختبار إمكانية الوصول. يُستخدم عند إنشاء وثائق المكونات، أو كتابة اختبارات التفاعل، أو تصحيح أخطاء الاختبار، أو تكوين اللقطات المرئية، أو تحديث بنية القصة. يستخدم لـ CSF3، ووظائف التشغيل، وuserEvent، واستعلامات مكتبة الاختبار، والتكوين اللوني، وautodocs، وMDX. المصدر: oakoss/agent-skills.

كيف أثبّت storybook-stories؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/oakoss/agent-skills --skill storybook-stories بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/oakoss/agent-skills

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-25