Этот навык следует использовать, когда пользователь просит «добавить компонент», «использовать shadcn», «установить кнопку», «создать диалог», «добавить форму», «использовать DataTable», «реализовать переключение темного режима», «использовать утилиту cn» или обсуждает компоненты пользовательского интерфейса, библиотеки компонентов или доступные компоненты. Всегда используйте последнюю версию shadcn/ui и современные шаблоны.
Быстро установите AI-навык shadcn в вашу среду разработки через командную строку
Источник: velcrafting/codex-skills.
This skill provides guidance for building interfaces with shadcn/ui, focusing on always using the latest version and modern patterns.
Philosophy: Copy and own your components. Use the new-york style. Leverage Radix UI primitives for accessibility.
| Style | new-york | default (deprecated) | | Toast | sonner | toast component | | Animation | CSS/tw-animate-css | tailwindcss-animate | | forwardRef | Direct ref prop (React 19) | forwardRef wrapper |
Этот навык следует использовать, когда пользователь просит «добавить компонент», «использовать shadcn», «установить кнопку», «создать диалог», «добавить форму», «использовать DataTable», «реализовать переключение темного режима», «использовать утилиту cn» или обсуждает компоненты пользовательского интерфейса, библиотеки компонентов или доступные компоненты. Всегда используйте последнюю версию shadcn/ui и современные шаблоны. Источник: velcrafting/codex-skills.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/velcrafting/codex-skills --skill shadcnЭтот навык следует использовать, когда пользователь просит «добавить компонент», «использовать shadcn», «установить кнопку», «создать диалог», «добавить форму», «использовать DataTable», «реализовать переключение темного режима», «использовать утилиту cn» или обсуждает компоненты пользовательского интерфейса, библиотеки компонентов или доступные компоненты. Всегда используйте последнюю версию shadcn/ui и современные шаблоны. Источник: velcrafting/codex-skills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/velcrafting/codex-skills --skill shadcn После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/velcrafting/codex-skills