إرشادات تصميم Tailwind CSS لواجهة مستخدم Mastra Playground. يجب استخدام هذه المهارة عند كتابة أو مراجعة أو إعادة بناء كود التصميم في الحزم/ساحة اللعب-واجهة المستخدم والحزم/ساحة اللعب لضمان اتساق نظام التصميم. يتم تشغيله عند تنفيذ المهام التي تتضمن فئات Tailwind أو تصميم المكونات أو رموز التصميم.
ثبّت مهارة الذكاء الاصطناعي tailwind-best-practices بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: mastra-ai/mastra.
Styling guidelines for the Mastra Playground UI, containing 5 rules across 3 categories. Rules are prioritized by impact to guide automated refactoring and code generation. These rules ensure design system consistency, prevent token drift, and maintain component library integrity.
| 1 | Component Usage | CRITICAL | | 2 | Design Tokens | CRITICAL | | 3 | ClassName Usage | HIGH |
To look up a specific pattern, grep the rules directory:
إرشادات تصميم Tailwind CSS لواجهة مستخدم Mastra Playground. يجب استخدام هذه المهارة عند كتابة أو مراجعة أو إعادة بناء كود التصميم في الحزم/ساحة اللعب-واجهة المستخدم والحزم/ساحة اللعب لضمان اتساق نظام التصميم. يتم تشغيله عند تنفيذ المهام التي تتضمن فئات Tailwind أو تصميم المكونات أو رموز التصميم. المصدر: mastra-ai/mastra.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/mastra-ai/mastra --skill tailwind-best-practicesإرشادات تصميم Tailwind CSS لواجهة مستخدم Mastra Playground. يجب استخدام هذه المهارة عند كتابة أو مراجعة أو إعادة بناء كود التصميم في الحزم/ساحة اللعب-واجهة المستخدم والحزم/ساحة اللعب لضمان اتساق نظام التصميم. يتم تشغيله عند تنفيذ المهام التي تتضمن فئات Tailwind أو تصميم المكونات أو رموز التصميم. المصدر: mastra-ai/mastra.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/mastra-ai/mastra --skill tailwind-best-practices بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/mastra-ai/mastra