قم بتطبيق أنماط التصميم المميزة باستخدام توجيه Tailwind CSS 4 @theme: متغيرات CSS، والتسمية الدلالية، وأنظمة الألوان، ومقاييس الطباعة، والمسافات، والوضع الداكن. يُستخدم عند تصميم أنظمة واجهة المستخدم، أو مراجعة اتساق التصميم، أو وضع إرشادات للعلامة التجارية. يتكامل مع مهارة تصميم الواجهة الأمامية للتنفيذ الجمالي.
ثبّت مهارة الذكاء الاصطناعي design-tokens بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: phrazzld/claude-config.
Design tokens are the single source of truth for design decisions.
Migration from Tailwind 3: Delete tailwind.config.js, move to CSS @theme.
Design tokens provide the foundation; frontend-design provides aesthetic direction.
قم بتطبيق أنماط التصميم المميزة باستخدام توجيه Tailwind CSS 4 @theme: متغيرات CSS، والتسمية الدلالية، وأنظمة الألوان، ومقاييس الطباعة، والمسافات، والوضع الداكن. يُستخدم عند تصميم أنظمة واجهة المستخدم، أو مراجعة اتساق التصميم، أو وضع إرشادات للعلامة التجارية. يتكامل مع مهارة تصميم الواجهة الأمامية للتنفيذ الجمالي. المصدر: phrazzld/claude-config.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/phrazzld/claude-config --skill design-tokensقم بتطبيق أنماط التصميم المميزة باستخدام توجيه Tailwind CSS 4 @theme: متغيرات CSS، والتسمية الدلالية، وأنظمة الألوان، ومقاييس الطباعة، والمسافات، والوضع الداكن. يُستخدم عند تصميم أنظمة واجهة المستخدم، أو مراجعة اتساق التصميم، أو وضع إرشادات للعلامة التجارية. يتكامل مع مهارة تصميم الواجهة الأمامية للتنفيذ الجمالي. المصدر: phrazzld/claude-config.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/phrazzld/claude-config --skill design-tokens بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/phrazzld/claude-config