إنشاء أنظمة تصميم قابلة للتطوير باستخدام Tailwind CSS 4 باستخدام الرموز المميزة المستندة إلى CSS وأنماط المكونات والإرشادات سريعة الاستجابة مع عمليات التحقق من إمكانية الوصول. يُستخدم عند إنشاء مكتبات المكونات، أو تنفيذ أنظمة التصميم، أو إعادة هيكلة أنماط واجهة المستخدم وتوحيدها.
ثبّت مهارة الذكاء الاصطناعي tailwind-design-system بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: itsjavi/vani.
Design tokens, components, and responsive patterns for Tailwind CSS 4 with accessibility in mind.
Use the token extractor to keep a JSON snapshot of @theme tokens:
Return a concise report using the output template above, followed by any recommended next steps (tests, audits, or migration plan).
إنشاء أنظمة تصميم قابلة للتطوير باستخدام Tailwind CSS 4 باستخدام الرموز المميزة المستندة إلى CSS وأنماط المكونات والإرشادات سريعة الاستجابة مع عمليات التحقق من إمكانية الوصول. يُستخدم عند إنشاء مكتبات المكونات، أو تنفيذ أنظمة التصميم، أو إعادة هيكلة أنماط واجهة المستخدم وتوحيدها. المصدر: itsjavi/vani.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/itsjavi/vani --skill tailwind-design-systemإنشاء أنظمة تصميم قابلة للتطوير باستخدام Tailwind CSS 4 باستخدام الرموز المميزة المستندة إلى CSS وأنماط المكونات والإرشادات سريعة الاستجابة مع عمليات التحقق من إمكانية الوصول. يُستخدم عند إنشاء مكتبات المكونات، أو تنفيذ أنظمة التصميم، أو إعادة هيكلة أنماط واجهة المستخدم وتوحيدها. المصدر: itsjavi/vani.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/itsjavi/vani --skill tailwind-design-system بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/itsjavi/vani