standards-components

Core Rule: Build small, focused components with single responsibility. Compose complex UIs from simple pieces.

This Skill provides Claude Code with specific guidance on how to adhere to coding standards as they relate to how it should handle frontend components.

Each component does one thing well. If you need "and" to describe it, split it.

قم بتصميم مكونات واجهة مستخدم قابلة لإعادة الاستخدام وقابلة للتركيب وفقًا لمبدأ المسؤولية الفردية مع واجهات واضحة وتغليف والحد الأدنى من الدعائم. استخدم هذه المهارة عند إنشاء أو تعديل مكونات الواجهة الأمامية في أي إطار عمل (React، Vue، Svelte، مكونات الويب) أو ملفات المكونات. يتم تطبيقه عند العمل مع ملفات .jsx، و.tsx، و.vue، و.svelte في أدلة المكونات (components/، src/components/، ui/، lib/)، وتحديد خصائص المكونات وواجهاتها، وتنفيذ أنماط تكوين المكونات، وإدارة حالة مستوى المكون، وإنشاء عناصر واجهة مستخدم قابلة لإعادة الاستخدام (الأزرار، والنماذج، والبطاقات، والوسائط)، وتوثيق واجهات برمجة تطبيقات المكونات، أو إعادة هيكلة المكونات لتحسين إمكانية إعادة الاستخدام والصيانة. المصدر: maxritter/claude-codepro.