·shadcn-ui
*

shadcn-ui

Полное руководство по библиотеке компонентов shadcn/ui, включая установку, настройку и реализацию доступных компонентов React. Используйте при настройке shadcn/ui, установке компонентов, создании форм с помощью React Hook Form и Zod, настройке тем с помощью Tailwind CSS или реализации шаблонов пользовательского интерфейса, таких как кнопки, диалоговые окна, раскрывающиеся списки, таблицы и сложные макеты форм.

9.6KУстановки·40Тренд·@giuseppe-trisciuoglio

Установка

$npx skills add https://github.com/giuseppe-trisciuoglio/developer-kit --skill shadcn-ui

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

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

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

Источник: giuseppe-trisciuoglio/developer-kit.

Expert guide for building accessible, customizable UI components with shadcn/ui, Radix UI, and Tailwind CSS.

shadcn/ui is not a traditional component library or npm package. Instead:

For Next.js 13+ with App Router, ensure components use "use client" directive:

Полное руководство по библиотеке компонентов shadcn/ui, включая установку, настройку и реализацию доступных компонентов React. Используйте при настройке shadcn/ui, установке компонентов, создании форм с помощью React Hook Form и Zod, настройке тем с помощью Tailwind CSS или реализации шаблонов пользовательского интерфейса, таких как кнопки, диалоговые окна, раскрывающиеся списки, таблицы и сложные макеты форм. Источник: giuseppe-trisciuoglio/developer-kit.

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

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

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

Browse more skills from giuseppe-trisciuoglio/developer-kit

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

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

Полное руководство по библиотеке компонентов shadcn/ui, включая установку, настройку и реализацию доступных компонентов React. Используйте при настройке shadcn/ui, установке компонентов, создании форм с помощью React Hook Form и Zod, настройке тем с помощью Tailwind CSS или реализации шаблонов пользовательского интерфейса, таких как кнопки, диалоговые окна, раскрывающиеся списки, таблицы и сложные макеты форм. Источник: giuseppe-trisciuoglio/developer-kit.

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

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

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

https://github.com/giuseppe-trisciuoglio/developer-kit