·tailwind-ui

أفضل ممارسات Tailwind CSS v4.1 مع إمكانية الوصول إلى WCAG 2.1 AA والسمات ودعم الوضع المظلم. يُستخدم عند العمل مع HTML وCSS ومكونات التصميم وإمكانية الوصول (a11y) والتوافق مع WCAG وتباين الألوان وحالات التركيز وقارئات الشاشة والسمات والوضع الفاتح والوضع الداكن أو إنشاء أنماط واجهة مستخدم يمكن الوصول إليها مثل الأزرار والنماذج والبطاقات والتنقل. يكمل مهارة أفضل الممارسات الزاوية للواجهات الأمامية Angular.

14التثبيتات·0الرائج·@boise-state-development

التثبيت

$npx skills add https://github.com/boise-state-development/agentcore-public-stack --skill tailwind-ui

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

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

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

المصدر: boise-state-development/agentcore-public-stack.

Tailwind CSS v4.1 development with accessibility and theming baked in.

| bg-opacity- | bg-black/50 (opacity modifier) | | bg-gradient- | bg-linear- | | shadow-sm | shadow-xs | | shadow | shadow-sm | | rounded-sm | rounded-xs | | rounded | rounded-sm | | ring | ring-3 | | outline-none | outline-hidden | | leading- | Use text-base/7 line-height modifiers | | flex-shrink- / flex-grow- | shrink- / grow- |

أفضل ممارسات Tailwind CSS v4.1 مع إمكانية الوصول إلى WCAG 2.1 AA والسمات ودعم الوضع المظلم. يُستخدم عند العمل مع HTML وCSS ومكونات التصميم وإمكانية الوصول (a11y) والتوافق مع WCAG وتباين الألوان وحالات التركيز وقارئات الشاشة والسمات والوضع الفاتح والوضع الداكن أو إنشاء أنماط واجهة مستخدم يمكن الوصول إليها مثل الأزرار والنماذج والبطاقات والتنقل. يكمل مهارة أفضل الممارسات الزاوية للواجهات الأمامية Angular. المصدر: boise-state-development/agentcore-public-stack.

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

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

أمر التثبيت
npx skills add https://github.com/boise-state-development/agentcore-public-stack --skill tailwind-ui
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from boise-state-development/agentcore-public-stack

إجابات سريعة

ما هي tailwind-ui؟

أفضل ممارسات Tailwind CSS v4.1 مع إمكانية الوصول إلى WCAG 2.1 AA والسمات ودعم الوضع المظلم. يُستخدم عند العمل مع HTML وCSS ومكونات التصميم وإمكانية الوصول (a11y) والتوافق مع WCAG وتباين الألوان وحالات التركيز وقارئات الشاشة والسمات والوضع الفاتح والوضع الداكن أو إنشاء أنماط واجهة مستخدم يمكن الوصول إليها مثل الأزرار والنماذج والبطاقات والتنقل. يكمل مهارة أفضل الممارسات الزاوية للواجهات الأمامية Angular. المصدر: boise-state-development/agentcore-public-stack.

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

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

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

https://github.com/boise-state-development/agentcore-public-stack

التفاصيل

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