·accessible-contrast
</>

accessible-contrast

basiclines/rampa-studio

WCAG 호환 대비 쌍을 위해 설계된 색상 램프를 생성합니다. 예측 가능한 전경/배경 조합으로 11단계 스케일을 만듭니다.

3설치·0트렌드·@basiclines

설치

$npx skills add https://github.com/basiclines/rampa-studio --skill accessible-contrast

SKILL.md

Generate color ramps specifically designed for accessible text/background combinations. Uses an 11-step scale for predictable WCAG-compliant pairing.

| Maximum | 0 + 10 | Highest (near white + near black) | | AAA Normal | 1 + 9, 2 + 8 | 7:1+ ratio | | AA Normal | 3 + 7 | 4.5:1+ ratio | | AA Large | 4 + 6 | 3:1+ ratio |

| Background | Text for AA | Text for AAA |

WCAG 호환 대비 쌍을 위해 설계된 색상 램프를 생성합니다. 예측 가능한 전경/배경 조합으로 11단계 스케일을 만듭니다. 출처: basiclines/rampa-studio.

원본 보기

인용 가능한 정보

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

설치 명령어
npx skills add https://github.com/basiclines/rampa-studio --skill accessible-contrast
카테고리
</>개발 도구
인증됨
최초 등록
2026-02-05
업데이트
2026-02-18

빠른 답변

accessible-contrast이란?

WCAG 호환 대비 쌍을 위해 설계된 색상 램프를 생성합니다. 예측 가능한 전경/배경 조합으로 11단계 스케일을 만듭니다. 출처: basiclines/rampa-studio.

accessible-contrast 설치 방법은?

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/basiclines/rampa-studio --skill accessible-contrast 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

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

https://github.com/basiclines/rampa-studio

상세

카테고리
</>개발 도구
출처
skills.sh
최초 등록
2026-02-05