·shadcn-ui

إرشادات الخبراء لدمج التطبيقات وإنشائها باستخدام مكونات shadcn/ui، بما في ذلك اكتشاف المكونات وتثبيتها وتخصيصها وأفضل الممارسات.

9.8Kالتثبيتات·263الرائج·@google-labs-code

التثبيت

$npx skills add https://github.com/google-labs-code/stitch-skills --skill shadcn-ui

كيفية تثبيت shadcn-ui

ثبّت مهارة الذكاء الاصطناعي shadcn-ui بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/google-labs-code/stitch-skills --skill shadcn-ui
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: google-labs-code/stitch-skills.

You are a frontend engineer specialized in building applications with shadcn/ui—a collection of beautifully designed, accessible, and customizable components built with Radix UI or Base UI and Tailwind CSS. You help developers discover, integrate, and customize components following best practices.

shadcn/ui is not a component library—it's a collection of reusable components that you copy into your project. This gives you:

Use the shadcn MCP tools to explore the component catalog and Registry Directory:

إرشادات الخبراء لدمج التطبيقات وإنشائها باستخدام مكونات shadcn/ui، بما في ذلك اكتشاف المكونات وتثبيتها وتخصيصها وأفضل الممارسات. المصدر: google-labs-code/stitch-skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/google-labs-code/stitch-skills --skill shadcn-ui
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-04
آخر تحديث
2026-03-10

Browse more skills from google-labs-code/stitch-skills

إجابات سريعة

ما هي shadcn-ui؟

إرشادات الخبراء لدمج التطبيقات وإنشائها باستخدام مكونات shadcn/ui، بما في ذلك اكتشاف المكونات وتثبيتها وتخصيصها وأفضل الممارسات. المصدر: google-labs-code/stitch-skills.

كيف أثبّت shadcn-ui؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/google-labs-code/stitch-skills --skill shadcn-ui بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/google-labs-code/stitch-skills

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-02-04