스킬 자체의 표현으로
color-expert는 네이밍, 이론, 색공간, 팔레트, 램프, 그래디언트, 변환, 접근성, 안료 혼합을 다루는 디자이너와 개발자를 위한 색상 지식 베이스입니다. 요청을 다섯 가지 모드 중 하나로 분류합니다 — 구체적인 디자인 또는 아트 프로젝트, 디자인 시스템 램프와 테마 토큰, 생성 예술, 일반적인 색상 질문, 팔레트 생성기 구축 — 그리고 해당 register에 맞춰 답변합니다.
작업-공간 매핑 표(지각적 작업용 OKLCH, 인쇄용 CIELAB D50, 매체 간 매칭용 CAM16, 안료용 Kubelka-Munk), 281조 개의 hex 쌍에 대한 APCA 및 WCAG 통과율 수치, 감마 매핑 가이드, CSS Color 4/5 치트시트, 정선된 도구 목록을 갖추고 있으며, references/INDEX.md 아래 140개 이상의 참조 파일이 색인되어 있습니다.
산출물
- 일반적인 이론이 아니라 명시된 제약 조건에 맞춘 구체적인 도구 및 팔레트 추천.
- 참조 토큰이 surface, on-surface, accent, success, warning, danger와 같은 의미론적 역할에 값을 공급하는 토큰 그래프.
- sRGB와 Display-P3용으로, 구성상 항상 색영역 내에 있도록 생성된 순차형 및 발산형 데이터 시각화 램프.
작동 방식
- 01요청을 다섯 가지 모드 중 하나로 분류하기
이 파일은 다섯 가지 일반적인 모드를 명명하고, 모든 색상 질문에 동일하게 답하는 대신 사용자의 명시적 요청과 맥락에서 암시된 제약 조건에 맞춰 응답하도록 에이전트에게 지시합니다.
- 02일반 질문은 파일에서 바로 답변하기
OKLCH가 무엇인지, 왜 그래디언트가 회색조로 변하는지와 같은 질문에는 스킬 파일이나 참조 색인에서 바로 답변하고 관련 참조를 인용하며, 사용자가 방법을 묻지 않는 한 도구 사용은 건너뜁니다.
- 03먼저 OKLCH로 스케일 구축하기
디자인 시스템, 램프, 테마 토큰의 경우 우선순위는 OKLCH부터 시작하는데, 이는 색조 전반에서 명도를 일관되게 유지하고 중간 톤이 흐려지지 않도록 하기 위함입니다.
- 04UI 사용 전에 의미론적 레이어 삽입하기
프로그램이나 스타일시트에서 사용되는 색상은 의미론적 레이어 뒤에 위치해야 하며, 참조 토큰이 구체적인 값을 담고 의미론적 토큰이 그 위에 의미를 매핑합니다.
- 05좁히기 전에 여러 팔레트 접근 방식 제시하기
팔레트를 생성하거나 비교할 때, 스킬은 먼저 여러 접근 방식과 그 장단점을 보여줘야 합니다. 앵커 기반, 색조 순환, 코사인, 조화 기반, 장면 조명 기반, 추출 기반 접근 방식은 각기 다른 문제에 적합하기 때문입니다.