تثبيت وتكوين مكونات shadcn/ui لمشاريع React. يرشد اختيار المكونات، وترتيب التثبيت، وإدارة التبعية، والتخصيص باستخدام الرموز الدلالية، ووصفات واجهة المستخدم الشائعة (النماذج، وجداول البيانات، والتنقل، والنماذج). يُستخدم بعد أن يقوم Tailwind-theme-builder بإعداد البنية الأساسية للموضوع، عند إضافة مكونات، أو إنشاء نماذج، أو إنشاء جداول بيانات، أو إعداد التنقل.
ثبّت مهارة الذكاء الاصطناعي shadcn-ui بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: jezweb/claude-skills.
Add shadcn/ui components to a themed React project. This skill runs AFTER tailwind-theme-builder has set up CSS variables, ThemeProvider, and dark mode. It handles component installation, customisation, and combining components into working patterns.
Prerequisite: Theme infrastructure must exist (CSS variables, components.json, cn() utility). Use tailwind-theme-builder first if not set up.
Install components in dependency order. Foundation components first, then feature components:
تثبيت وتكوين مكونات shadcn/ui لمشاريع React. يرشد اختيار المكونات، وترتيب التثبيت، وإدارة التبعية، والتخصيص باستخدام الرموز الدلالية، ووصفات واجهة المستخدم الشائعة (النماذج، وجداول البيانات، والتنقل، والنماذج). يُستخدم بعد أن يقوم Tailwind-theme-builder بإعداد البنية الأساسية للموضوع، عند إضافة مكونات، أو إنشاء نماذج، أو إنشاء جداول بيانات، أو إعداد التنقل. المصدر: jezweb/claude-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/jezweb/claude-skills --skill shadcn-uiتثبيت وتكوين مكونات shadcn/ui لمشاريع React. يرشد اختيار المكونات، وترتيب التثبيت، وإدارة التبعية، والتخصيص باستخدام الرموز الدلالية، ووصفات واجهة المستخدم الشائعة (النماذج، وجداول البيانات، والتنقل، والنماذج). يُستخدم بعد أن يقوم Tailwind-theme-builder بإعداد البنية الأساسية للموضوع، عند إضافة مكونات، أو إنشاء نماذج، أو إنشاء جداول بيانات، أو إعداد التنقل. المصدر: jezweb/claude-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/jezweb/claude-skills --skill shadcn-ui بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/jezweb/claude-skills