·tailwind-design-system
</>

tailwind-design-system

أنشئ أنظمة تصميم قابلة للتطوير باستخدام Tailwind CSS ورموز التصميم ومكتبات المكونات والأنماط سريعة الاستجابة. يُستخدم عند إنشاء مكتبات المكونات، أو تنفيذ أنظمة التصميم، أو توحيد أنماط واجهة المستخدم.

16.3Kالتثبيتات·373الرائج·@wshobson

التثبيت

$npx skills add https://github.com/wshobson/agents --skill tailwind-design-system

كيفية تثبيت tailwind-design-system

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

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

المصدر: wshobson/agents.

Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.

أنشئ أنظمة تصميم قابلة للتطوير باستخدام Tailwind CSS ورموز التصميم ومكتبات المكونات والأنماط سريعة الاستجابة. يُستخدم عند إنشاء مكتبات المكونات، أو تنفيذ أنظمة التصميم، أو توحيد أنماط واجهة المستخدم. المصدر: wshobson/agents.

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

معتمدة أمنيا لكود موثوق وآمن تثبيت بنقرة واحدة مع إعداد مبسّط متوافقة مع Claude Code وCursor وOpenClaw والمزيد

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

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

أمر التثبيت
npx skills add https://github.com/wshobson/agents --skill tailwind-design-system
المصدر
wshobson/agents
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from wshobson/agents

إجابات سريعة

ما هي tailwind-design-system؟

أنشئ أنظمة تصميم قابلة للتطوير باستخدام Tailwind CSS ورموز التصميم ومكتبات المكونات والأنماط سريعة الاستجابة. يُستخدم عند إنشاء مكتبات المكونات، أو تنفيذ أنظمة التصميم، أو توحيد أنماط واجهة المستخدم. المصدر: wshobson/agents.

كيف أثبّت tailwind-design-system؟

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

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

https://github.com/wshobson/agents