design-tokens
✓WCAG AA 準拠、TypeScript タイプ、フレームワーク統合 (CSS-in-JS、Tailwind、CSS 変数) を備えた、タイポグラフィー、カラー、テーマの包括的なデザイン トークン システム。
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 で使用できるようになります
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/dadbodgeoff/drift --skill design-tokens- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-05
- 更新日
- 2026-02-18
クイックアンサー
design-tokens とは？
WCAG AA 準拠、TypeScript タイプ、フレームワーク統合 (CSS-in-JS、Tailwind、CSS 変数) を備えた、タイポグラフィー、カラー、テーマの包括的なデザイン トークン システム。 ソース: dadbodgeoff/drift。
design-tokens のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/dadbodgeoff/drift --skill design-tokens インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/dadbodgeoff/drift
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-05