·ui-styling
*

ui-styling

Создавайте красивые и доступные пользовательские интерфейсы с помощью компонентов shadcn/ui (на основе Radix UI + Tailwind), стилизации CSS Tailwind с упором на утилиту и визуального дизайна на основе холста. Используйте при создании пользовательских интерфейсов, реализации систем дизайна, создании адаптивных макетов, добавлении доступных компонентов (диалоги, раскрывающиеся списки, формы, таблицы), настройке тем и цветов, реализации темного режима, создании визуальных дизайнов и плакатов или создании единых шаблонов стилей для всех приложений.

261Установки·6Тренд·@mrgoonie

Установка

$npx skills add https://github.com/mrgoonie/claudekit-skills --skill ui-styling

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

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

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

Источник: mrgoonie/claudekit-skills.

Comprehensive skill for creating beautiful, accessible user interfaces combining shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

CLI prompts for framework, TypeScript, paths, and theme preferences. This configures both shadcn/ui and Tailwind CSS.

Comprehensive component catalog with usage patterns, installation, and composition examples.

Создавайте красивые и доступные пользовательские интерфейсы с помощью компонентов shadcn/ui (на основе Radix UI + Tailwind), стилизации CSS Tailwind с упором на утилиту и визуального дизайна на основе холста. Используйте при создании пользовательских интерфейсов, реализации систем дизайна, создании адаптивных макетов, добавлении доступных компонентов (диалоги, раскрывающиеся списки, формы, таблицы), настройке тем и цветов, реализации темного режима, создании визуальных дизайнов и плакатов или создании единых шаблонов стилей для всех приложений. Источник: mrgoonie/claudekit-skills.

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

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

Команда установки
npx skills add https://github.com/mrgoonie/claudekit-skills --skill ui-styling
Категория
*Креатив
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from mrgoonie/claudekit-skills

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

Что такое ui-styling?

Создавайте красивые и доступные пользовательские интерфейсы с помощью компонентов shadcn/ui (на основе Radix UI + Tailwind), стилизации CSS Tailwind с упором на утилиту и визуального дизайна на основе холста. Используйте при создании пользовательских интерфейсов, реализации систем дизайна, создании адаптивных макетов, добавлении доступных компонентов (диалоги, раскрывающиеся списки, формы, таблицы), настройке тем и цветов, реализации темного режима, создании визуальных дизайнов и плакатов или создании единых шаблонов стилей для всех приложений. Источник: mrgoonie/claudekit-skills.

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

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

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

https://github.com/mrgoonie/claudekit-skills

Детали

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