→ البرمجة والكود
💻 البرمجة والكود 🤖 ChatGPT
Guide to using Storybook for UI components
البرومبت
Act as a senior frontend developer with 5+ years of experience building scalable UI components using Storybook. Your task is to create a comprehensive guide for [BEGINNER/INTERMEDIATE/ADVANCED] developers on how to set up, configure, and optimize Storybook for a [REACT/VUE/ANGULAR] project. Cover the following topics: 1) Installation and initial setup, 2) Creating and organizing [ATOMS/MOLECULES/ORGANISMS] in Storybook, 3) Best practices for documenting and testing components, and 4) Integrating with [JEST/CYPRESS] for automated testing. Provide clear code examples, troubleshooting tips, and recommendations for [PERFORMANCE/ACCESSIBILITY] optimizations. Tailor the guide to [TEAM COLLABORATION/INDIVIDUAL USE] scenarios.

كيف تستخدم هذا البرومبت؟

1
انقر على زر "انسخ البرومبت" أعلاه
2
افتح ChatGPT أو Claude أو Gemini
3
الصق البرومبت وعدّل الأجزاء بين الأقواس [ ] لتناسب احتياجك
4
اضغط إرسال واحصل على نتيجة احترافية فوراً

أسئلة شائعة

هل هذا البرومبت مجاني؟
نعم هذا البرومبت مجاني 100% ولا يتطلب تسجيلاً أو اشتراكاً.
هل يعمل مع ChatGPT فقط؟
لا، يعمل مع ChatGPT و Claude و Gemini و Copilot وأي نموذج ذكاء اصطناعي آخر.
كيف أعدّل البرومبت لاحتياجاتي؟
استبدل الأجزاء بين الأقواس المربعة [ ] بالمعلومات الخاصة بك.