ما هي reusable-ui-components؟
إرشادات لإنشاء مكونات واجهة مستخدم محمولة وقابلة لإعادة الاستخدام مع تصميم أصلي وأنماط مركبة وإمكانية الوصول المصدر: evanbacon/crispy.
·reusable-ui-components
*
reusable-ui-components
✓إرشادات لإنشاء مكونات واجهة مستخدم محمولة وقابلة لإعادة الاستخدام مع تصميم أصلي وأنماط مركبة وإمكانية الوصول
التثبيت
كيفية تثبيت reusable-ui-components
ثبّت مهارة الذكاء الاصطناعي reusable-ui-components بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/evanbacon/crispy --skill reusable-ui-components
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: evanbacon/crispy.
SKILL.md
عرض النص الخامThis guide covers building production-quality, portable UI components inspired by shadcn/ui, Base UI, Radix, and Konsta UI. Components follow iOS San Francisco design guidelines with liquid glass aesthetics and prioritize native primitives with graceful fallbacks.
| shadcn/ui | Component structure, copy-paste architecture | | Radix UI | Compound component patterns, accessibility primitives | | Base UI | Headless component APIs, composition patterns | | Konsta UI | iOS liquid glass aesthetics, platform-adaptive styling |
Use compound components for complex, multi-element UI. This provides flexibility while maintaining cohesive behavior.
إرشادات لإنشاء مكونات واجهة مستخدم محمولة وقابلة لإعادة الاستخدام مع تصميم أصلي وأنماط مركبة وإمكانية الوصول المصدر: evanbacon/crispy.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/evanbacon/crispy --skill reusable-ui-components- المصدر
- evanbacon/crispy
- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-02-25
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت reusable-ui-components؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/evanbacon/crispy --skill reusable-ui-components بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/evanbacon/crispy
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-02-25
مهارات ذات صلة
لا يوجد