ما هي frontend-tailwind-best-practices؟
أنماط واصطلاحات Tailwind CSS لتطبيقات الواجهة الأمامية. يُستخدم عند كتابة أنماط المكونات أو التخطيطات أو العمل مع فئات CSS. المصدر: sergiodxa/agent-skills.
·frontend-tailwind-best-practices
</>
frontend-tailwind-best-practices
✓أنماط واصطلاحات Tailwind CSS لتطبيقات الواجهة الأمامية. يُستخدم عند كتابة أنماط المكونات أو التخطيطات أو العمل مع فئات CSS.
كيفية تثبيت frontend-tailwind-best-practices
ثبّت مهارة الذكاء الاصطناعي frontend-tailwind-best-practices بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/sergiodxa/agent-skills --skill frontend-tailwind-best-practices
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: sergiodxa/agent-skills.
SKILL.md
عرض النص الخامStyling patterns and conventions for frontend applications. Contains 10 rules covering layout utilities, affordances, color schemes, responsive design, and className handling.
Design for input capabilities (pointer/hover) instead of device labels.
| flex flex-col | v-stack | | flex flex-row | h-stack | | flex items-center justify-center | center | | bg-gray-100 | bg-neutral-100 | | bg-[#hex] | Use design tokens | | className="..." without cn() | cn("...", className) | | Inline style for responsive | Tailwind prefixes |
أنماط واصطلاحات Tailwind CSS لتطبيقات الواجهة الأمامية. يُستخدم عند كتابة أنماط المكونات أو التخطيطات أو العمل مع فئات CSS. المصدر: sergiodxa/agent-skills.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/sergiodxa/agent-skills --skill frontend-tailwind-best-practices- المصدر
- sergiodxa/agent-skills
- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-02-01
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت frontend-tailwind-best-practices؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/sergiodxa/agent-skills --skill frontend-tailwind-best-practices بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/sergiodxa/agent-skills
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-02-01