·styling-with-tailwind
</>

styling-with-tailwind

Создает пользовательские интерфейсы с использованием служебных классов CSS Tailwind и шаблонов shadcn/ui. Охватывает переменные CSS с цветами OKLCH, варианты компонентов с CVA, адаптивный дизайн, темный режим и функции Tailwind v4.2. Поддерживает примитивы пользовательского интерфейса Radix и базового пользовательского интерфейса, CLI 3.0 и визуальные стили. Используйте при создании интерфейсов с помощью Tailwind, стилизации компонентов shadcn/ui, реализации тем или работе с CSS, ориентированным на утилиты.

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

Установка

$npx skills add https://github.com/tenequm/claude-plugins --skill styling-with-tailwind

Как установить styling-with-tailwind

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

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

Источник: tenequm/claude-plugins.

Build accessible UIs using Tailwind CSS v4 utility classes and shadcn/ui component patterns. Tailwind v4 uses CSS-first configuration only - never create or modify tailwind.config.js/tailwind.config.ts. Supports Radix UI (default) or Base UI as primitive libraries.

Tailwind v4 configures everything in CSS. Migrate any JS/TS config:

Always pair bg- with text--foreground. Extend with success/warning/info in theming.md.

Создает пользовательские интерфейсы с использованием служебных классов CSS Tailwind и шаблонов shadcn/ui. Охватывает переменные CSS с цветами OKLCH, варианты компонентов с CVA, адаптивный дизайн, темный режим и функции Tailwind v4.2. Поддерживает примитивы пользовательского интерфейса Radix и базового пользовательского интерфейса, CLI 3.0 и визуальные стили. Используйте при создании интерфейсов с помощью Tailwind, стилизации компонентов shadcn/ui, реализации тем или работе с CSS, ориентированным на утилиты. Источник: tenequm/claude-plugins.

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

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

Команда установки
npx skills add https://github.com/tenequm/claude-plugins --skill styling-with-tailwind
Источник
tenequm/claude-plugins
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-23
Обновлено
2026-03-10

Browse more skills from tenequm/claude-plugins

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

Что такое styling-with-tailwind?

Создает пользовательские интерфейсы с использованием служебных классов CSS Tailwind и шаблонов shadcn/ui. Охватывает переменные CSS с цветами OKLCH, варианты компонентов с CVA, адаптивный дизайн, темный режим и функции Tailwind v4.2. Поддерживает примитивы пользовательского интерфейса Radix и базового пользовательского интерфейса, CLI 3.0 и визуальные стили. Используйте при создании интерфейсов с помощью Tailwind, стилизации компонентов shadcn/ui, реализации тем или работе с CSS, ориентированным на утилиты. Источник: tenequm/claude-plugins.

Как установить styling-with-tailwind?

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

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

https://github.com/tenequm/claude-plugins

Детали

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