أنشئ مكونات React UI حديثة وقابلة للتركيب ويمكن الوصول إليها باتباع مواصفات Components.build. يُستخدم عند إنشاء أو مراجعة أو إعادة بناء مكتبات المكونات أو أنظمة التصميم أو أي مكونات واجهة مستخدم قابلة لإعادة الاستخدام. يتم تشغيلها على المهام التي تتضمن واجهات برمجة تطبيقات المكونات، أو أنماط التركيب، أو إمكانية الوصول، أو أنظمة التصميم، أو دعائم TypeScript.
ثبّت مهارة الذكاء الاصطناعي components-build بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: nolly-studio/components-build-skill.
Comprehensive guidelines for building modern, composable, and accessible UI components. Contains 16 rule categories covering everything from core principles to distribution, co-authored by Hayden Bleasel and shadcn.
| 1 | Overview | Specification scope and goals | overview | | 2 | Principles | Core design philosophy | principles | | 3 | Definitions | Common terminology | definitions | | 4 | Composition | Breaking down complex components | composition | | 5 | Accessibility | Keyboard, screen readers, ARIA | accessibility |
| 6 | State | Controlled/uncontrolled patterns | state | | 7 | Types | TypeScript props and interfaces | types | | 8 | Polymorphism | Element switching with as prop | polymorphism | | 9 | As-Child | Radix Slot composition pattern | as-child | | 10 | Data Attributes | data-state and data-slot | data-attributes |
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/nolly-studio/components-build-skill --skill components-buildأنشئ مكونات React UI حديثة وقابلة للتركيب ويمكن الوصول إليها باتباع مواصفات Components.build. يُستخدم عند إنشاء أو مراجعة أو إعادة بناء مكتبات المكونات أو أنظمة التصميم أو أي مكونات واجهة مستخدم قابلة لإعادة الاستخدام. يتم تشغيلها على المهام التي تتضمن واجهات برمجة تطبيقات المكونات، أو أنماط التركيب، أو إمكانية الوصول، أو أنظمة التصميم، أو دعائم TypeScript. المصدر: nolly-studio/components-build-skill.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/nolly-studio/components-build-skill --skill components-build بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/nolly-studio/components-build-skill