·ui-styling
*

ui-styling

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

6Установки·0Тренд·@vibery-studio

Установка

$npx skills add https://github.com/vibery-studio/templates --skill ui-styling

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

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

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

Источник: vibery-studio/templates.

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 с упором на утилиту и визуального дизайна на основе холста. Используйте при создании пользовательских интерфейсов, реализации систем дизайна, создании адаптивных макетов, добавлении доступных компонентов (диалоговых окон, раскрывающихся списков, форм, таблиц), настройке тем и цветов, реализации темного режима, создании визуальных дизайнов и плакатов или создании единых шаблонов стилей для всех приложений. Источник: vibery-studio/templates.

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

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

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

Browse more skills from vibery-studio/templates

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

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

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

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

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

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

https://github.com/vibery-studio/templates

Детали

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