GitHub-радар
shadcn/ui — компоненты, которые не ставят, а копируют
В shadcn/ui компонент интерфейса не устанавливают пакетом — его код копируют прямо в свой проект и дальше правят как свой. Инструменту три с половиной года, и сейчас у него больше 127 тысяч звёзд на GitHub.
shadcn/ui — это набор готовых элементов интерфейса: кнопки, формы, таблицы, диалоговые окна и десятки других. Разница с обычной библиотекой компонентов в том, что вы не ставите npm-пакет, а копируете исходный код компонента в свой проект через командную строку — дальше это ваш код, без ограничений чужой библиотеки. Авторы называют это прямо: «Open Source. Open Code. Use this to build your own component library» — открытый исходный код, который используют, чтобы построить свою собственную библиотеку компонентов. В последних версиях добавили «AI Elements» — готовые заготовки для интерфейса чат-ботов и ИИ-агентов: окно переписки, индикатор размышления модели, запрос подтверждения перед тем, как агент что-то сделает, карточка вызванного инструмента. Как и обычные компоненты, они не ставятся пакетом, а копируются кодом в проект. Есть и система Registry — свой личный реестр компонентов, которым можно делиться с командой или раздавать всем, и работает это не только с React.
Зачем это вайб-кодеру
Если интерфейс строится с помощью ИИ-агента, такой подход удобен именно потому, что агент получает в руки обычный код, а не чёрный ящик стороннего пакета — его проще поправить по просьбе. Начинать чат-бота или интерфейс агента не обязательно с нуля: готовый шаблон с AI Elements и AI SDK уже собран авторами в отдельном репозитории. Минус тот же, что у любого скопированного кода: обновления библиотеки не подтягиваются сами — каждый скопированный компонент придётся обновлять вручную, если автор выпустит исправление.
Как поставить
Скопируйте и отправьте своему агенту — Claude Code, Codex, любому:
Поставь в мой проект интерфейс на shadcn/ui: разверни заготовку чат-бота из https://github.com/shadcn-ui/chatbot-template, подключи её по README, спроси у меня ключ для модели, если понадобится, и покажи получившийся чат.
Обычный ноутбук — это не отдельная программа, а код компонентов для JavaScript/TypeScript-проекта; видеокарта и сервер не нужны.
Открыть на GitHub▌ Ещё находки