·shadcn-component-review
*

shadcn-component-review

Просмотрите пользовательские компоненты и макеты на предмет соответствия шаблонам проектирования Shadcn, стилям тем (Maia, Vega, Lyra, Nova, Mira), структуре компонентов, возможности компоновки и лучшим практикам пользовательского интерфейса Radix. Используйте при планировании новых компонентов, проверке существующих компонентов, проверке расстояния, проверке структуры компонента или проверке соответствия передовым практикам Shadcn.

47Установки·4Тренд·@mattbx

Установка

$npx skills add https://github.com/mattbx/shadcn-skills --skill shadcn-component-review

Как установить shadcn-component-review

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

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

Источник: mattbx/shadcn-skills.

Systematic review process for ensuring custom components and layouts align with shadcn design patterns, official theme styles, and Radix UI best practices.

Use gap- for flex/grid containers. Spacing varies by theme style:

| Vega | Standard | Classic shadcn | | Nova | Compact | Reduced padding/margins | | Maia | Generous | Soft, rounded | | Lyra | Standard | Boxy, sharp | | Mira | Dense | Compact interfaces |

Просмотрите пользовательские компоненты и макеты на предмет соответствия шаблонам проектирования Shadcn, стилям тем (Maia, Vega, Lyra, Nova, Mira), структуре компонентов, возможности компоновки и лучшим практикам пользовательского интерфейса Radix. Используйте при планировании новых компонентов, проверке существующих компонентов, проверке расстояния, проверке структуры компонента или проверке соответствия передовым практикам Shadcn. Источник: mattbx/shadcn-skills.

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

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

Команда установки
npx skills add https://github.com/mattbx/shadcn-skills --skill shadcn-component-review
Источник
mattbx/shadcn-skills
Категория
*Креатив
Проверено
Впервые замечено
2026-02-17
Обновлено
2026-03-11

Browse more skills from mattbx/shadcn-skills

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

Что такое shadcn-component-review?

Просмотрите пользовательские компоненты и макеты на предмет соответствия шаблонам проектирования Shadcn, стилям тем (Maia, Vega, Lyra, Nova, Mira), структуре компонентов, возможности компоновки и лучшим практикам пользовательского интерфейса Radix. Используйте при планировании новых компонентов, проверке существующих компонентов, проверке расстояния, проверке структуры компонента или проверке соответствия передовым практикам Shadcn. Источник: mattbx/shadcn-skills.

Как установить shadcn-component-review?

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

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

https://github.com/mattbx/shadcn-skills

Детали

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