·svelte5-showcase-components
*

svelte5-showcase-components

يوفر دليلاً شاملاً لمكتبة مكونات Svelte 5 Showcase مع 49 مكونًا جاهزًا للإنتاج المكونات منظمة في 7 فئات. استخدمه عندما تحتاج إلى اكتشاف المكونات المتاحة، فهم أنماط استخدام المكونات، ودمج المكونات في مشاريع جديدة، أو مرجع أفضل الممارسات لتطوير Svelte 5. مشغلات على "ما هي المكونات المتوفرة"، "كيفية استخدام [اسم المكون]"، "دمج مكونات العرض"، "نسخ المكون من العرض"، "أمثلة على مكونات Svelte 5"، أو "مكتبة مكونات العرض". يعمل مع shadcn-svelte، Bits UI، وTailwindCSS v4، وsveltekit-superforms، وSvelte 5 runes.

3التثبيتات·0الرائج·@dawiddutoit

التثبيت

$npx skills add https://github.com/dawiddutoit/custom-claude --skill svelte5-showcase-components

كيفية تثبيت svelte5-showcase-components

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

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

المصدر: dawiddutoit/custom-claude.

The Svelte 5 Showcase is a production-ready component library with 49 components organized into 7 categories, built with Svelte 5 runes, TypeScript strict mode, and TailwindCSS v4.

Location: /Users/dawiddutoit/projects/play/svelte/src/lib/components/ui/

Example Location: /Users/dawiddutoit/projects/play/svelte/src/routes/showcase/primitives/form/+page.svelte

يوفر دليلاً شاملاً لمكتبة مكونات Svelte 5 Showcase مع 49 مكونًا جاهزًا للإنتاج المكونات منظمة في 7 فئات. استخدمه عندما تحتاج إلى اكتشاف المكونات المتاحة، فهم أنماط استخدام المكونات، ودمج المكونات في مشاريع جديدة، أو مرجع أفضل الممارسات لتطوير Svelte 5. مشغلات على "ما هي المكونات المتوفرة"، "كيفية استخدام [اسم المكون]"، "دمج مكونات العرض"، "نسخ المكون من العرض"، "أمثلة على مكونات Svelte 5"، أو "مكتبة مكونات العرض". يعمل مع shadcn-svelte، Bits UI، وTailwindCSS v4، وsveltekit-superforms، وSvelte 5 runes. المصدر: dawiddutoit/custom-claude.

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

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

أمر التثبيت
npx skills add https://github.com/dawiddutoit/custom-claude --skill svelte5-showcase-components
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-25
آخر تحديث
2026-03-10

Browse more skills from dawiddutoit/custom-claude

إجابات سريعة

ما هي svelte5-showcase-components؟

يوفر دليلاً شاملاً لمكتبة مكونات Svelte 5 Showcase مع 49 مكونًا جاهزًا للإنتاج المكونات منظمة في 7 فئات. استخدمه عندما تحتاج إلى اكتشاف المكونات المتاحة، فهم أنماط استخدام المكونات، ودمج المكونات في مشاريع جديدة، أو مرجع أفضل الممارسات لتطوير Svelte 5. مشغلات على "ما هي المكونات المتوفرة"، "كيفية استخدام [اسم المكون]"، "دمج مكونات العرض"، "نسخ المكون من العرض"، "أمثلة على مكونات Svelte 5"، أو "مكتبة مكونات العرض". يعمل مع shadcn-svelte، Bits UI، وTailwindCSS v4، وsveltekit-superforms، وSvelte 5 runes. المصدر: dawiddutoit/custom-claude.

كيف أثبّت svelte5-showcase-components؟

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

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

https://github.com/dawiddutoit/custom-claude