·svelte-ui-design
*

svelte-ui-design

استخدم دائمًا هذه المهارة لأي تصميم أو تصميم أو عمل لمكونات Svelte. نظام تصميم Svelte 5 UI يستخدم Tailwind CSS 4 وSkeleton Labs رموز التصميم/الإعدادات المسبقة/Tailwind Components ومكونات Bits UI بدون رأس. يغطي تكوين الفصل وأنظمة الألوان والمكونات التفاعلية والنماذج والتراكبات وجميع التصميمات المرئية.

10التثبيتات·0الرائج·@xiyo

التثبيت

$npx skills add https://github.com/xiyo/zheon --skill svelte-ui-design

كيفية تثبيت svelte-ui-design

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

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

المصدر: xiyo/zheon.

Svelte 5 + Tailwind CSS 4 + Skeleton Labs + Bits UI 통합 디자인 시스템

Tailwind Components (Skeleton Labs 클래스 조합) 클래스로 디자인을 뭉쳐놓은 기본 요소. card, chip, badge, placeholder 등.

استخدم دائمًا هذه المهارة لأي تصميم أو تصميم أو عمل لمكونات Svelte. نظام تصميم Svelte 5 UI يستخدم Tailwind CSS 4 وSkeleton Labs رموز التصميم/الإعدادات المسبقة/Tailwind Components ومكونات Bits UI بدون رأس. يغطي تكوين الفصل وأنظمة الألوان والمكونات التفاعلية والنماذج والتراكبات وجميع التصميمات المرئية. المصدر: xiyo/zheon.

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

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

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

أمر التثبيت
npx skills add https://github.com/xiyo/zheon --skill svelte-ui-design
المصدر
xiyo/zheon
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from xiyo/zheon

إجابات سريعة

ما هي svelte-ui-design؟

استخدم دائمًا هذه المهارة لأي تصميم أو تصميم أو عمل لمكونات Svelte. نظام تصميم Svelte 5 UI يستخدم Tailwind CSS 4 وSkeleton Labs رموز التصميم/الإعدادات المسبقة/Tailwind Components ومكونات Bits UI بدون رأس. يغطي تكوين الفصل وأنظمة الألوان والمكونات التفاعلية والنماذج والتراكبات وجميع التصميمات المرئية. المصدر: xiyo/zheon.

كيف أثبّت svelte-ui-design؟

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

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

https://github.com/xiyo/zheon

التفاصيل

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