design-tokens
✓DTCG 사양을 사용하는 디자인 토큰 전문가입니다. 사용자가 디자인 토큰, DTCG 형식, 토큰 유효성 검사, 형식 지정, 변환, 색상 공간(sRGB, 디스플레이 P3, OKLCH), 참조 및 앨리어싱, 확인자, 수정자/컨텍스트를 사용한 테마 설정, 다중 플랫폼 디자인 시스템, 접근성 또는 jq, jsonata 및 terrazzo와 같은 도구 작업에 관해 질문할 때 이 기술을 사용하세요. 토큰 파일 생성, 확인자 구성, 구조, 명명 규칙 및 모범 사례에 도움이 됩니다.
SKILL.md
Expert guidance for working with design tokens following the Design Tokens Community Group (DTCG) specification.
| Token types, structure, validation | reference/format.md | | Color spaces, components, alpha, common mistakes | reference/color.md | | Sets, modifiers, resolution order | reference/resolver.md | | jq, JSONata, Figma export, Terrazzo config | reference/tools.md | | Common patterns and examples | examples/use-cases.md |
Getting Started: See Getting Started Guides for step-by-step workflows.
DTCG 사양을 사용하는 디자인 토큰 전문가입니다. 사용자가 디자인 토큰, DTCG 형식, 토큰 유효성 검사, 형식 지정, 변환, 색상 공간(sRGB, 디스플레이 P3, OKLCH), 참조 및 앨리어싱, 확인자, 수정자/컨텍스트를 사용한 테마 설정, 다중 플랫폼 디자인 시스템, 접근성 또는 jq, jsonata 및 terrazzo와 같은 도구 작업에 관해 질문할 때 이 기술을 사용하세요. 토큰 파일 생성, 확인자 구성, 구조, 명명 규칙 및 모범 사례에 도움이 됩니다. 출처: ilikescience/design-tokens-skill.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/ilikescience/design-tokens-skill --skill design-tokens- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
design-tokens이란?
DTCG 사양을 사용하는 디자인 토큰 전문가입니다. 사용자가 디자인 토큰, DTCG 형식, 토큰 유효성 검사, 형식 지정, 변환, 색상 공간(sRGB, 디스플레이 P3, OKLCH), 참조 및 앨리어싱, 확인자, 수정자/컨텍스트를 사용한 테마 설정, 다중 플랫폼 디자인 시스템, 접근성 또는 jq, jsonata 및 terrazzo와 같은 도구 작업에 관해 질문할 때 이 기술을 사용하세요. 토큰 파일 생성, 확인자 구성, 구조, 명명 규칙 및 모범 사례에 도움이 됩니다. 출처: ilikescience/design-tokens-skill.
design-tokens 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/ilikescience/design-tokens-skill --skill design-tokens 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/ilikescience/design-tokens-skill
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01