Что такое design-tokens?
Комплексная система токенов дизайна для типографики, цветов и тем с соответствием WCAG AA, типами TypeScript и интеграцией с инфраструктурой (CSS-in-JS, Tailwind, CSS-переменные). Источник: dadbodgeoff/drift.
·design-tokens
</>
design-tokens
✓Комплексная система токенов дизайна для типографики, цветов и тем с соответствием WCAG AA, типами TypeScript и интеграцией с инфраструктурой (CSS-in-JS, Tailwind, CSS-переменные).
Установка
Как установить design-tokens
Быстро установите AI-навык design-tokens в вашу среду разработки через командную строку
- Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
- Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/dadbodgeoff/drift --skill design-tokens
- Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
Источник: dadbodgeoff/drift.
SKILL.md
Показать rawSingle 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 или OpenClaw
Факты (для цитирования)
Стабильные поля и команды для ссылок в AI/поиске.
- Команда установки
npx skills add https://github.com/dadbodgeoff/drift --skill design-tokens- Источник
- dadbodgeoff/drift
- Категория
- </>Разработка
- Проверено
- ✓
- Впервые замечено
- 2026-02-05
- Обновлено
- 2026-03-10
Короткие ответы
Как установить design-tokens?
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/dadbodgeoff/drift --skill design-tokens После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
Где находится исходный репозиторий?
https://github.com/dadbodgeoff/drift
Детали
- Категория
- </>Разработка
- Источник
- skills.sh
- Впервые замечено
- 2026-02-05