قم بإنشاء لوحات ألوان كاملة ويمكن الوصول إليها من علامة تجارية واحدة. ينشئ مقياسًا مكونًا من 11 ظلًا (50-950)، ورموزًا دلالية (الخلفية، والمقدمة، والبطاقة، وكتم الصوت)، ومتغيرات الوضع الداكن. يتضمن التحقق من تباين WCAG للوصول إلى النص. يُستخدم عندما: إعداد نظام التصميم، وإنشاء سمة Tailwind، وإنشاء ألوان العلامة التجارية من علامة عشرية واحدة، وتحويل التصميمات إلى تعليمات برمجية، والتحقق من إمكانية الوصول إلى الألوان.
ثبّت مهارة الذكاء الاصطناعي color-palette بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: jezweb/claude-skills.
Status: Production Ready ✅ Last Updated: 2026-01-14 Standard: Tailwind v4 @theme syntax
Use the reference files to generate shades, map semantics, and check contrast.
| 50 | 97% | Subtle backgrounds | | 100 | 94% | Hover states | | 200 | 87% | Borders, dividers | | 300 | 75% | Disabled states | | 400 | 62% | Placeholder text | | 500 | 48% | Brand color | | 600 | 40% | Primary actions | | 700 | 33% | Hover on primary | | 800 | 27% | Active states | | 900 | 20% | Text on light bg | | 950 | 10% | Darkest accents |
قم بإنشاء لوحات ألوان كاملة ويمكن الوصول إليها من علامة تجارية واحدة. ينشئ مقياسًا مكونًا من 11 ظلًا (50-950)، ورموزًا دلالية (الخلفية، والمقدمة، والبطاقة، وكتم الصوت)، ومتغيرات الوضع الداكن. يتضمن التحقق من تباين WCAG للوصول إلى النص. يُستخدم عندما: إعداد نظام التصميم، وإنشاء سمة Tailwind، وإنشاء ألوان العلامة التجارية من علامة عشرية واحدة، وتحويل التصميمات إلى تعليمات برمجية، والتحقق من إمكانية الوصول إلى الألوان. المصدر: jezweb/claude-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/jezweb/claude-skills --skill color-paletteقم بإنشاء لوحات ألوان كاملة ويمكن الوصول إليها من علامة تجارية واحدة. ينشئ مقياسًا مكونًا من 11 ظلًا (50-950)، ورموزًا دلالية (الخلفية، والمقدمة، والبطاقة، وكتم الصوت)، ومتغيرات الوضع الداكن. يتضمن التحقق من تباين WCAG للوصول إلى النص. يُستخدم عندما: إعداد نظام التصميم، وإنشاء سمة Tailwind، وإنشاء ألوان العلامة التجارية من علامة عشرية واحدة، وتحويل التصميمات إلى تعليمات برمجية، والتحقق من إمكانية الوصول إلى الألوان. المصدر: jezweb/claude-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/jezweb/claude-skills --skill color-palette بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/jezweb/claude-skills