design-tokens

SKILL.md

Single source of truth for visual design decisions with accessibility compliance.

| text.primary | #FCFCF9 | 15.8:1 | AAA | | text.secondary | #B8BABA | 8.2:1 | AAA | | text.tertiary | #9A9E9E | 5.8:1 | AA | | text.muted | #7D8282 | 4.5:1 | AA min |

WCAG AA 준수, TypeScript 유형 및 프레임워크 통합(CSS-in-JS, Tailwind, CSS 변수)을 갖춘 타이포그래피, 색상 및 테마를 위한 포괄적인 디자인 토큰 시스템입니다. 출처: dadbodgeoff/drift.

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

원본 보기