·design-tokens
</>

design-tokens

Комплексная система токенов дизайна для типографики, цветов и тем с соответствием WCAG AA, типами TypeScript и интеграцией с инфраструктурой (CSS-in-JS, Tailwind, CSS-переменные).

17Установки·0Тренд·@dadbodgeoff

Установка

$npx skills add https://github.com/dadbodgeoff/drift --skill design-tokens

Как установить design-tokens

Быстро установите AI-навык design-tokens в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/dadbodgeoff/drift --skill design-tokens
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: dadbodgeoff/drift.

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 или OpenClaw

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/dadbodgeoff/drift --skill design-tokens
Источник
dadbodgeoff/drift
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-05
Обновлено
2026-03-10

Browse more skills from dadbodgeoff/drift

Короткие ответы

Что такое 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 или OpenClaw

Где находится исходный репозиторий?

https://github.com/dadbodgeoff/drift

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-05