Установите и используйте shadcn/ui с Tailwind v4 и Next.js (App Router), Vite или настройте вручную; настроить компонент.json, добавить компоненты через CLI, использовать темы только с помощью CSS. Используйте при добавлении shadcn/ui, установке shadcn, использовании кнопки, карты, диалога, формы или других компонентов shadcn, а также когда пользователь упоминает shadcn, shadcn/ui или Radix UI с Tailwind.
Быстро установите AI-навык shadcn-ui в вашу среду разработки через командную строку
Источник: enderpuentes/ai-agent-skills.
shadcn/ui is a collection of accessible, customizable React components built on Radix UI and Tailwind CSS. Components are copied into your project (no npm package); you own and edit the code. Works with Next.js (App Router), Vite, and other React frameworks.
Principles: Open code (AI-ready), composable API, beautiful defaults, distribution via CLI and schema. Requires Tailwind v4 and path alias @/. We do not use tailwind.config.js; theme and setup are CSS-only (@import "tailwindcss" + @theme).
Choose framework (Next.js, Vite, etc.), style (new-york recommended), base color, and CSS variables. Then add components as needed.
Установите и используйте shadcn/ui с Tailwind v4 и Next.js (App Router), Vite или настройте вручную; настроить компонент.json, добавить компоненты через CLI, использовать темы только с помощью CSS. Используйте при добавлении shadcn/ui, установке shadcn, использовании кнопки, карты, диалога, формы или других компонентов shadcn, а также когда пользователь упоминает shadcn, shadcn/ui или Radix UI с Tailwind. Источник: enderpuentes/ai-agent-skills.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/enderpuentes/ai-agent-skills --skill shadcn-uiУстановите и используйте shadcn/ui с Tailwind v4 и Next.js (App Router), Vite или настройте вручную; настроить компонент.json, добавить компоненты через CLI, использовать темы только с помощью CSS. Используйте при добавлении shadcn/ui, установке shadcn, использовании кнопки, карты, диалога, формы или других компонентов shadcn, а также когда пользователь упоминает shadcn, shadcn/ui или Radix UI с Tailwind. Источник: enderpuentes/ai-agent-skills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/enderpuentes/ai-agent-skills --skill shadcn-ui После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/enderpuentes/ai-agent-skills