·ui-styling
*

ui-styling

dmdorta1111/jac-v1GitHub: dmdorta1111/jac-v1المصدر: dmdorta1111/jac-v1

قم بإنشاء واجهات مستخدم جميلة ويمكن الوصول إليها باستخدام مكونات shadcn/ui (مبنية على Radix UI + Tailwind)، وتصميم الأداة المساعدة Tailwind CSS أولاً، والتصميمات المرئية القائمة على القماش. يُستخدم عند إنشاء واجهات المستخدم، أو تنفيذ أنظمة التصميم، أو إنشاء تخطيطات سريعة الاستجابة، أو إضافة مكونات يمكن الوصول إليها (مربعات الحوار، والقوائم المنسدلة، والنماذج، والجداول)، أو تخصيص السمات والألوان، أو تنفيذ الوضع الداكن، أو إنشاء تصميمات وملصقات مرئية، أو إنشاء أنماط تصميم متسقة عبر التطبيقات.

cached·dmdorta1111·ui·styling
0التثبيتات·0الرائج·@dmdorta1111

التثبيت

GitHub: dmdorta1111/jac-v1
$npx skills add https://github.com/dmdorta1111/jac-v1 --skill ui-styling

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

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

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

المصدر: dmdorta1111/jac-v1.

SKILL.md

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

Comprehensive skill for creating beautiful, accessible user interfaces combining shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

CLI prompts for framework, TypeScript, paths, and theme preferences. This configures both shadcn/ui and Tailwind CSS.

Comprehensive component catalog with usage patterns, installation, and composition examples.

قم بإنشاء واجهات مستخدم جميلة ويمكن الوصول إليها باستخدام مكونات shadcn/ui (مبنية على Radix UI + Tailwind)، وتصميم الأداة المساعدة Tailwind CSS أولاً، والتصميمات المرئية القائمة على القماش. يُستخدم عند إنشاء واجهات المستخدم، أو تنفيذ أنظمة التصميم، أو إنشاء تخطيطات سريعة الاستجابة، أو إضافة مكونات يمكن الوصول إليها (مربعات الحوار، والقوائم المنسدلة، والنماذج، والجداول)، أو تخصيص السمات والألوان، أو تنفيذ الوضع الداكن، أو إنشاء تصميمات وملصقات مرئية، أو إنشاء أنماط تصميم متسقة عبر التطبيقات. المصدر: dmdorta1111/jac-v1.

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

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

أمر التثبيت
npx skills add https://github.com/dmdorta1111/jac-v1 --skill ui-styling
المصدر
dmdorta1111/jac-v1
الفئة
*وسائط إبداعية
موثق
—
أول ظهور
2026-02-01
آخر تحديث
2026-03-10
الرابط
https://www.learn-skills.dev/ar/skills/dmdorta1111/jac-v1/ui-styling

Browse more skills from dmdorta1111/jac-v1

إجابات سريعة

ما هي ui-styling؟

قم بإنشاء واجهات مستخدم جميلة ويمكن الوصول إليها باستخدام مكونات shadcn/ui (مبنية على Radix UI + Tailwind)، وتصميم الأداة المساعدة Tailwind CSS أولاً، والتصميمات المرئية القائمة على القماش. يُستخدم عند إنشاء واجهات المستخدم، أو تنفيذ أنظمة التصميم، أو إنشاء تخطيطات سريعة الاستجابة، أو إضافة مكونات يمكن الوصول إليها (مربعات الحوار، والقوائم المنسدلة، والنماذج، والجداول)، أو تخصيص السمات والألوان، أو تنفيذ الوضع الداكن، أو إنشاء تصميمات وملصقات مرئية، أو إنشاء أنماط تصميم متسقة عبر التطبيقات. المصدر: dmdorta1111/jac-v1.

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

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

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

https://github.com/dmdorta1111/jac-v1

التفاصيل

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

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

aesthetic
0 التثبيتات
ai-multimodal
0 التثبيتات
backend-development
0 التثبيتات
better-auth
0 التثبيتات
chrome-devtools
0 التثبيتات
claude-code
0 التثبيتات