لوحة الألوان وتوليد السمات من ألوان العلامة التجارية. يُستخدم عند إعداد سمات المشروع، أو إنشاء أنظمة ألوان shadcn/Tailwind، أو التحقق من تباين إمكانية الوصول إلى WCAG، أو إنشاء الوضع الداكن. يتضمن أدوات API لإنشاء لوحة الألوان والتحقق من صحة التباين.
ثبّت مهارة الذكاء الاصطناعي frontend-color-system بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: petbrains/mvp-builder.
| AA | 4.5:1 | 3:1 | | AAA | 7:1 | 4.5:1 |
| Blue | #2563EB | 4.5:1 ✓ | | Indigo | #4F46E5 | 4.9:1 ✓ | | Purple | #7C3AED | 4.5:1 ✓ | | Green | #16A34A | 4.5:1 ✓ | | Red | #DC2626 | 4.5:1 ✓ |
| Slate | Cool blue | Tech, modern | | Zinc | Cool neutral | Professional | | Neutral | Pure gray | Minimal | | Stone | Warm brown | Organic |
لوحة الألوان وتوليد السمات من ألوان العلامة التجارية. يُستخدم عند إعداد سمات المشروع، أو إنشاء أنظمة ألوان shadcn/Tailwind، أو التحقق من تباين إمكانية الوصول إلى WCAG، أو إنشاء الوضع الداكن. يتضمن أدوات API لإنشاء لوحة الألوان والتحقق من صحة التباين. المصدر: petbrains/mvp-builder.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/petbrains/mvp-builder --skill frontend-color-systemلوحة الألوان وتوليد السمات من ألوان العلامة التجارية. يُستخدم عند إعداد سمات المشروع، أو إنشاء أنظمة ألوان shadcn/Tailwind، أو التحقق من تباين إمكانية الوصول إلى WCAG، أو إنشاء الوضع الداكن. يتضمن أدوات API لإنشاء لوحة الألوان والتحقق من صحة التباين. المصدر: petbrains/mvp-builder.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/petbrains/mvp-builder --skill frontend-color-system بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/petbrains/mvp-builder