·shadcn
</>

shadcn

Лучшие практики и шаблоны библиотеки компонентов shadcn/ui (ранее shadcn-ui). Этот навык следует использовать при написании, проверке или рефакторинге компонентов shadcn/ui, чтобы обеспечить правильную архитектуру, доступность и производительность. Запускается по задачам, включающим примитивы Radix, стили Tailwind, проверку формы с помощью React Hook Form, таблицы данных, шаблоны тем или композиции компонентов.

6Установки·1Тренд·@thongdn-it

Установка

$npx skills add https://github.com/thongdn-it/react-agent-skills --skill shadcn

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

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

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

Источник: thongdn-it/react-agent-skills.

Comprehensive best practices guide for shadcn/ui applications, maintained by the shadcn/ui community. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.

| 1 | Component Architecture | CRITICAL | arch- | | 2 | Accessibility Preservation | CRITICAL | ally- | | 3 | Styling & Theming | HIGH | style- | | 4 | Form Patterns | HIGH | form- | | 5 | Data Display | MEDIUM-HIGH | data- | | 6 | Component Composition | MEDIUM | comp- | | 7 | Performance Optimization | MEDIUM | perf- |

| 8 | State Management | LOW-MEDIUM | state- |

Лучшие практики и шаблоны библиотеки компонентов shadcn/ui (ранее shadcn-ui). Этот навык следует использовать при написании, проверке или рефакторинге компонентов shadcn/ui, чтобы обеспечить правильную архитектуру, доступность и производительность. Запускается по задачам, включающим примитивы Radix, стили Tailwind, проверку формы с помощью React Hook Form, таблицы данных, шаблоны тем или композиции компонентов. Источник: thongdn-it/react-agent-skills.

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

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

Команда установки
npx skills add https://github.com/thongdn-it/react-agent-skills --skill shadcn
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-11

Browse more skills from thongdn-it/react-agent-skills

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

Что такое shadcn?

Лучшие практики и шаблоны библиотеки компонентов shadcn/ui (ранее shadcn-ui). Этот навык следует использовать при написании, проверке или рефакторинге компонентов shadcn/ui, чтобы обеспечить правильную архитектуру, доступность и производительность. Запускается по задачам, включающим примитивы Radix, стили Tailwind, проверку формы с помощью React Hook Form, таблицы данных, шаблоны тем или композиции компонентов. Источник: thongdn-it/react-agent-skills.

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

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

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

https://github.com/thongdn-it/react-agent-skills

Детали

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