·design-tokens
*

design-tokens

Примените шаблоны токенов дизайна с помощью директивы @theme Tailwind CSS 4: переменные CSS, семантическое именование, цветовые системы, типографские масштабы, интервалы, темный режим. Используйте при проектировании систем пользовательского интерфейса, проверке согласованности дизайна или установлении принципов бренда. Интегрируется с навыками внешнего дизайна для эстетичного исполнения.

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

Установка

$npx skills add https://github.com/phrazzld/claude-config --skill design-tokens

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

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

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

Источник: phrazzld/claude-config.

Design tokens are the single source of truth for design decisions.

Migration from Tailwind 3: Delete tailwind.config.js, move to CSS @theme.

Design tokens provide the foundation; frontend-design provides aesthetic direction.

Примените шаблоны токенов дизайна с помощью директивы @theme Tailwind CSS 4: переменные CSS, семантическое именование, цветовые системы, типографские масштабы, интервалы, темный режим. Используйте при проектировании систем пользовательского интерфейса, проверке согласованности дизайна или установлении принципов бренда. Интегрируется с навыками внешнего дизайна для эстетичного исполнения. Источник: phrazzld/claude-config.

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

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

Команда установки
npx skills add https://github.com/phrazzld/claude-config --skill design-tokens
Источник
phrazzld/claude-config
Категория
*Креатив
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-11

Browse more skills from phrazzld/claude-config

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

Что такое design-tokens?

Примените шаблоны токенов дизайна с помощью директивы @theme Tailwind CSS 4: переменные CSS, семантическое именование, цветовые системы, типографские масштабы, интервалы, темный режим. Используйте при проектировании систем пользовательского интерфейса, проверке согласованности дизайна или установлении принципов бренда. Интегрируется с навыками внешнего дизайна для эстетичного исполнения. Источник: phrazzld/claude-config.

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

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

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

https://github.com/phrazzld/claude-config

Детали

Категория
*Креатив
Источник
skills.sh
Впервые замечено
2026-02-01