·tailwind-design-system
</>

tailwind-design-system

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

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

Установка

$npx skills add https://github.com/itsjavi/vani --skill tailwind-design-system

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

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

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

Источник: itsjavi/vani.

Design tokens, components, and responsive patterns for Tailwind CSS 4 with accessibility in mind.

Use the token extractor to keep a JSON snapshot of @theme tokens:

Return a concise report using the output template above, followed by any recommended next steps (tests, audits, or migration plan).

Создает масштабируемые системы дизайна с помощью Tailwind CSS 4, используя токены на основе CSS, шаблоны компонентов и адаптивные рекомендации с проверкой доступности. Используйте при создании библиотек компонентов, реализации систем дизайна или рефакторинге и стандартизации шаблонов пользовательского интерфейса. Источник: itsjavi/vani.

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

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

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

Browse more skills from itsjavi/vani

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

Что такое tailwind-design-system?

Создает масштабируемые системы дизайна с помощью Tailwind CSS 4, используя токены на основе CSS, шаблоны компонентов и адаптивные рекомендации с проверкой доступности. Используйте при создании библиотек компонентов, реализации систем дизайна или рефакторинге и стандартизации шаблонов пользовательского интерфейса. Источник: itsjavi/vani.

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

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

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

https://github.com/itsjavi/vani

Детали

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