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 中使用

查看原文