ما هي shadcn؟
كيفية العمل بفعالية مع مكونات shadcn/ui، استخدمها دائمًا عند إضافة مكونات واجهة المستخدم المصدر: markhamsquareventures/essentials.
كيفية العمل بفعالية مع مكونات shadcn/ui، استخدمها دائمًا عند إضافة مكونات واجهة المستخدم
ثبّت مهارة الذكاء الاصطناعي shadcn بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: markhamsquareventures/essentials.
This project uses shadcn/ui with the New York style variant. Components are built on Radix UI primitives with Tailwind CSS styling.
Do NOT manually create shadcn components - always use the CLI to ensure correct styling and dependencies.
import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '@/components/ui/card';
كيفية العمل بفعالية مع مكونات shadcn/ui، استخدمها دائمًا عند إضافة مكونات واجهة المستخدم المصدر: markhamsquareventures/essentials.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/markhamsquareventures/essentials --skill shadcnكيفية العمل بفعالية مع مكونات shadcn/ui، استخدمها دائمًا عند إضافة مكونات واجهة المستخدم المصدر: markhamsquareventures/essentials.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/markhamsquareventures/essentials --skill shadcn بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/markhamsquareventures/essentials