يكتب ويحافظ على قصص القصص المصورة واختبارات التفاعل باستخدام تنسيق CSF3. يغطي القصص المكونة، ووظائف اللعب، واختبار الانحدار البصري باستخدام اللوني، واختبار إمكانية الوصول. يُستخدم عند إنشاء وثائق المكونات، أو كتابة اختبارات التفاعل، أو تصحيح أخطاء الاختبار، أو تكوين اللقطات المرئية، أو تحديث بنية القصة. يستخدم لـ CSF3، ووظائف التشغيل، وuserEvent، واستعلامات مكتبة الاختبار، والتكوين اللوني، وautodocs، وMDX.
ثبّت مهارة الذكاء الاصطناعي storybook-stories بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: 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يكتب ويحافظ على قصص القصص المصورة واختبارات التفاعل باستخدام تنسيق CSF3. يغطي القصص المكونة، ووظائف اللعب، واختبار الانحدار البصري باستخدام اللوني، واختبار إمكانية الوصول. يُستخدم عند إنشاء وثائق المكونات، أو كتابة اختبارات التفاعل، أو تصحيح أخطاء الاختبار، أو تكوين اللقطات المرئية، أو تحديث بنية القصة. يستخدم لـ CSF3، ووظائف التشغيل، وuserEvent، واستعلامات مكتبة الاختبار، والتكوين اللوني، وautodocs، وMDX. المصدر: oakoss/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل 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