·shadcn-svelte
</>

shadcn-svelte

✓
antstanley/shadcn-svelte-skillGitHub: antstanley/shadcn-svelte-skillالمصدر: antstanley/shadcn-svelte-skill

إرشادات الخبراء لـ shadcn-svelte، وهو منفذ Svelte 5 لـ shadcn/ui. استخدم هذه المهارة عند العمل مع مكونات shadcn-svelte، أو تثبيت مكونات واجهة المستخدم عبر واجهة سطر الأوامر (CLI)، أو تنفيذ النماذج باستخدام Superforms/Formsnap، أو إضافة الوضع المظلم باستخدام mode-watcher، أو إنشاء جداول بيانات باستخدام TanStack Table، أو دمج السمات باستخدام Tailwind CSS v4 وألوان OKLCH، أو إنشاء سجلات مكونات مخصصة. يتم تشغيله عند الإشارة إلى shadcn-svelte، أو مكونات Bits UI، أو مكتبات مكونات SvelteKit UI.

antstanley·shadcn·svelte
14التثبيتات·5الرائج·@antstanley

التثبيت

GitHub: antstanley/shadcn-svelte-skill
$npx skills add https://github.com/antstanley/shadcn-svelte-skill --skill shadcn-svelte

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

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

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

المصدر: antstanley/shadcn-svelte-skill.

SKILL.md

عرض النص الخام

A Svelte 5 / SvelteKit port of shadcn/ui - beautifully designed, accessible components built with Bits UI and Tailwind CSS.

Toggle with toggleMode(), setMode("dark"), or resetMode() from mode-watcher.

| Add a component | pnpm dlx shadcn-svelte@latest add [name] | | Form validation | references/components/form.md | | Data tables | references/components/data-table.md | | Theming/colors | references/theming.md | | Dark mode | references/dark-mode/svelte.md | | Custom registry | references/registry/getting-started.md |

إرشادات الخبراء لـ shadcn-svelte، وهو منفذ Svelte 5 لـ shadcn/ui. استخدم هذه المهارة عند العمل مع مكونات shadcn-svelte، أو تثبيت مكونات واجهة المستخدم عبر واجهة سطر الأوامر (CLI)، أو تنفيذ النماذج باستخدام Superforms/Formsnap، أو إضافة الوضع المظلم باستخدام mode-watcher، أو إنشاء جداول بيانات باستخدام TanStack Table، أو دمج السمات باستخدام Tailwind CSS v4 وألوان OKLCH، أو إنشاء سجلات مكونات مخصصة. يتم تشغيله عند الإشارة إلى shadcn-svelte، أو مكونات Bits UI، أو مكتبات مكونات SvelteKit UI. المصدر: antstanley/shadcn-svelte-skill.

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

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

أمر التثبيت
npx skills add https://github.com/antstanley/shadcn-svelte-skill --skill shadcn-svelte
المصدر
antstanley/shadcn-svelte-skill
الفئة
</>أدوات التطوير
موثق
✓
أول ظهور
2026-02-06
آخر تحديث
2026-03-10
الرابط
https://www.learn-skills.dev/ar/skills/antstanley/shadcn-svelte-skill/shadcn-svelte

Browse more skills from antstanley/shadcn-svelte-skill

إجابات سريعة

ما هي shadcn-svelte؟

إرشادات الخبراء لـ shadcn-svelte، وهو منفذ Svelte 5 لـ shadcn/ui. استخدم هذه المهارة عند العمل مع مكونات shadcn-svelte، أو تثبيت مكونات واجهة المستخدم عبر واجهة سطر الأوامر (CLI)، أو تنفيذ النماذج باستخدام Superforms/Formsnap، أو إضافة الوضع المظلم باستخدام mode-watcher، أو إنشاء جداول بيانات باستخدام TanStack Table، أو دمج السمات باستخدام Tailwind CSS v4 وألوان OKLCH، أو إنشاء سجلات مكونات مخصصة. يتم تشغيله عند الإشارة إلى shadcn-svelte، أو مكونات Bits UI، أو مكتبات مكونات SvelteKit UI. المصدر: antstanley/shadcn-svelte-skill.

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

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

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

https://github.com/antstanley/shadcn-svelte-skill

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-06

مهارات ذات صلة

لا يوجد