·color-contrast-auditor
*

color-contrast-auditor

يكتشف ويصلح انتهاكات تباين الألوان باستخدام إرشادات WCAG 2.1 والتحليل الإدراكي. خبير في حساب نسبة التباين ومحاكاة عمى الألوان وتوفير البدائل التي يمكن الوصول إليها. قم بالتنشيط على "التحقق من التباين"، و"إمكانية الوصول إلى الألوان"، و"تدقيق WCAG"، و"التحقق من إمكانية القراءة"، و"نسبة التباين"، و"صعوبة القراءة"، و"لا يمكن رؤية النص". ليس لنظرية الألوان العامة (استخدم خبير نظرية الألوان ولوحة التناغم)، أو اختيار لون العلامة التجارية (استخدم خبير تصميم الويب)، أو إمكانية الوصول غير المرئية (استخدم محلل الاحتكاك ux).

49التثبيتات·6الرائج·@erichowens

التثبيت

$npx skills add https://github.com/erichowens/some_claude_skills --skill color-contrast-auditor

كيفية تثبيت color-contrast-auditor

ثبّت مهارة الذكاء الاصطناعي color-contrast-auditor بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/erichowens/some_claude_skills --skill color-contrast-auditor
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: erichowens/some_claude_skills.

Detects color contrast violations that make text unreadable and provides WCAG-compliant fixes. Uses both mathematical contrast ratio analysis and perceptual evaluation via vision capabilities.

| Normal text (<24px, <18.66px bold) | 4.5:1 | Body copy, labels, buttons | | Large text (≥24px or ≥18.66px bold) | 3:1 | Headlines, hero text | | UI components (borders, icons) | 3:1 | Form inputs, icons, focus rings | | Graphical objects | 3:1 | Charts, infographics |

| Normal text | 7:1 | | Large text | 4.5:1 |

يكتشف ويصلح انتهاكات تباين الألوان باستخدام إرشادات WCAG 2.1 والتحليل الإدراكي. خبير في حساب نسبة التباين ومحاكاة عمى الألوان وتوفير البدائل التي يمكن الوصول إليها. قم بالتنشيط على "التحقق من التباين"، و"إمكانية الوصول إلى الألوان"، و"تدقيق WCAG"، و"التحقق من إمكانية القراءة"، و"نسبة التباين"، و"صعوبة القراءة"، و"لا يمكن رؤية النص". ليس لنظرية الألوان العامة (استخدم خبير نظرية الألوان ولوحة التناغم)، أو اختيار لون العلامة التجارية (استخدم خبير تصميم الويب)، أو إمكانية الوصول غير المرئية (استخدم محلل الاحتكاك ux). المصدر: erichowens/some_claude_skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/erichowens/some_claude_skills --skill color-contrast-auditor
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from erichowens/some_claude_skills

إجابات سريعة

ما هي color-contrast-auditor؟

يكتشف ويصلح انتهاكات تباين الألوان باستخدام إرشادات WCAG 2.1 والتحليل الإدراكي. خبير في حساب نسبة التباين ومحاكاة عمى الألوان وتوفير البدائل التي يمكن الوصول إليها. قم بالتنشيط على "التحقق من التباين"، و"إمكانية الوصول إلى الألوان"، و"تدقيق WCAG"، و"التحقق من إمكانية القراءة"، و"نسبة التباين"، و"صعوبة القراءة"، و"لا يمكن رؤية النص". ليس لنظرية الألوان العامة (استخدم خبير نظرية الألوان ولوحة التناغم)، أو اختيار لون العلامة التجارية (استخدم خبير تصميم الويب)، أو إمكانية الوصول غير المرئية (استخدم محلل الاحتكاك ux). المصدر: erichowens/some_claude_skills.

كيف أثبّت color-contrast-auditor؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/erichowens/some_claude_skills --skill color-contrast-auditor بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/erichowens/some_claude_skills