Shadcn UI — компоненты через JSON-конфигурацию

★ 8.1 · vibe-coding

Компоненты Shadcn UI — это скилл для Claude Code, который поставляет 36 готовых определений и реализаций компонентов shadcn/ui для системы json-render, построенных на Radix UI и Tailwind CSS. Берут, когда нужно быстро собрать веб-интерфейс из стандартных React-компонентов через JSON-конфигурацию, когда строится каталог компонентов без привязки к React на сервере, или когда хочется добавить формы, таблицы, модалки и навигацию без написания разметки с нуля. Внутри — 36 компонентов по шести группам: Layout (Card, Stack, Grid, Separator), Navigation (Tabs, Accordion, Pagination), Overlay (Dialog, Drawer, Tooltip, Popover), Content (Heading, Text, Badge, Alert, Table, Carousel), Feedback (Progress, Skeleton, Spinner) и Input (Button, Input, Textarea, Select, Checkbox, Radio, Switch, Slider, Toggle и другие). Два точки входа: `@json-render/shadcn/catalog` экспортирует схемы без зависимости от React — безопасно для сервера; `@json-render/shadcn` отдаёт React-реализации. Встроенные экшены setState, pushState, removeState и validateForm подключаются через ActionProvider автоматически. Стек: TypeScript, React, Radix UI, Tailwind CSS, Zod для валидации. Направление — рендеринг UI из JSON-описаний, а не генерация дизайн-токенов или стилей. Подойдёт для приложений на json-render с React; не подходит, если json-render не используется или нужен фреймворк кроме React.