·color-contrast-auditor
*

color-contrast-auditor

erichowens/some_claude_skills

WCAG 2.1 지침 및 지각 분석을 사용하여 색상 대비 위반을 감지하고 수정합니다. 명암비 계산, 색맹 시뮬레이션 및 접근 가능한 대안 제공 분야의 전문가입니다. "대비 확인", "색상 접근성", "WCAG 감사", "가독성 확인", "명암비", "읽기 어려움", "텍스트를 볼 수 없음"을 활성화하세요. 일반 색상 이론(색상 이론 팔레트 조화 전문가 사용), 브랜드 색상 선택(웹 디자인 전문가 사용) 또는 비시각적 접근성(ux-마찰 분석기 사용)에는 적합하지 않습니다.

21설치·0트렌드·@erichowens

설치

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

SKILL.md

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.

원본 보기

인용 가능한 정보

AI/검색 인용용 안정적인 필드와 명령어.

설치 명령어
npx skills add https://github.com/erichowens/some_claude_skills --skill color-contrast-auditor
카테고리
*크리에이티브
인증됨
최초 등록
2026-02-01
업데이트
2026-02-18

빠른 답변

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 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

소스 저장소는 어디인가요?

https://github.com/erichowens/some_claude_skills