·ui-design-system
*

ui-design-system

✓
samhvw8/dot-claudeGitHub: samhvw8/dot-claudeИсточник: samhvw8/dot-claude

Системы компонентов пользовательского интерфейса React с TailwindCSS + Radix + shadcn/ui. Стек: TailwindCSS (стилизация), Radix UI (примитивы), shadcn/ui (компоненты), React/Next.js. Возможности: проектирование архитектуры системы, доступные компоненты, адаптивные макеты, темирование, темный режим, композиция компонентов. Действия: просмотр, проектирование, сборка, улучшение, рефакторинг компонентов пользовательского интерфейса. Ключевые слова: TailwindCSS, Radix UI, shadcn/ui, система дизайна, библиотека компонентов, доступность, ARIA, адаптивность, темный режим, темы, переменные CSS, архитектура компонентов, атомарный дизайн, токены дизайна, вариант, слот, композиция. Используйте при: создании библиотек компонентов, реализации shadcn/ui, создании доступных пользовательских интерфейсов, настройке систем дизайна, добавлении темного режима/тем, проверке архитектуры компонентов пользовательского интерфейса.

samhvw8·ui·design·system
1.9KУстановки·20Тренд·@samhvw8

Установка

GitHub: samhvw8/dot-claude
$npx skills add https://github.com/samhvw8/dot-claude --skill ui-design-system

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

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

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

Источник: samhvw8/dot-claude.

SKILL.md

Показать raw

Comprehensive UI/UX design, review, and improvement for modern web applications.

Production-ready implementations with TailwindCSS + Radix UI + shadcn/ui and modern React patterns.

Key Principle: Each layer enhances the one below. Start with Tailwind for styling, add Radix for accessible behavior, use shadcn/ui for complete components.

Системы компонентов пользовательского интерфейса React с TailwindCSS + Radix + shadcn/ui. Стек: TailwindCSS (стилизация), Radix UI (примитивы), shadcn/ui (компоненты), React/Next.js. Возможности: проектирование архитектуры системы, доступные компоненты, адаптивные макеты, темирование, темный режим, композиция компонентов. Действия: просмотр, проектирование, сборка, улучшение, рефакторинг компонентов пользовательского интерфейса. Ключевые слова: TailwindCSS, Radix UI, shadcn/ui, система дизайна, библиотека компонентов, доступность, ARIA, адаптивность, темный режим, темы, переменные CSS, архитектура компонентов, атомарный дизайн, токены дизайна, вариант, слот, композиция. Используйте при: создании библиотек компонентов, реализации shadcn/ui, создании доступных пользовательских интерфейсов, настройке систем дизайна, добавлении темного режима/тем, проверке архитектуры компонентов пользовательского интерфейса. Источник: samhvw8/dot-claude.

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

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

Команда установки
npx skills add https://github.com/samhvw8/dot-claude --skill ui-design-system
Источник
samhvw8/dot-claude
Категория
*Креатив
Проверено
✓
Впервые замечено
2026-02-01
Обновлено
2026-03-10
URL
https://www.learn-skills.dev/ru/skills/samhvw8/dot-claude/ui-design-system

Browse more skills from samhvw8/dot-claude

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

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

Системы компонентов пользовательского интерфейса React с TailwindCSS + Radix + shadcn/ui. Стек: TailwindCSS (стилизация), Radix UI (примитивы), shadcn/ui (компоненты), React/Next.js. Возможности: проектирование архитектуры системы, доступные компоненты, адаптивные макеты, темирование, темный режим, композиция компонентов. Действия: просмотр, проектирование, сборка, улучшение, рефакторинг компонентов пользовательского интерфейса. Ключевые слова: TailwindCSS, Radix UI, shadcn/ui, система дизайна, библиотека компонентов, доступность, ARIA, адаптивность, темный режим, темы, переменные CSS, архитектура компонентов, атомарный дизайн, токены дизайна, вариант, слот, композиция. Используйте при: создании библиотек компонентов, реализации shadcn/ui, создании доступных пользовательских интерфейсов, настройке систем дизайна, добавлении темного режима/тем, проверке архитектуры компонентов пользовательского интерфейса. Источник: samhvw8/dot-claude.

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

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

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

https://github.com/samhvw8/dot-claude

Детали

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

Похожие навыки

ui-ux-design
117 Установки
claude-md-architect
82 Установки
nextjs-turborepo
78 Установки
project-planner
55 Установки
google-adk-python
50 Установки
mobile-development
41 Установки