shadcn-svelte — библиотека UI-компонентов для Svelte

★ 8.1 · vibe-coding

Компоненты Shadcn для Svelte — это скилл для Claude Code, который предоставляет 36 готовых UI-компонентов shadcn-svelte для json-render приложений на базе Svelte 5 и Tailwind CSS. Берут, когда нужно быстро собрать веб-интерфейс на Svelte без ручной вёрстки каждого компонента с нуля, когда строят UI через JSON-спецификации и нужен готовый каталог совместимых блоков, или когда хочется иметь единую библиотеку компонентов с валидацией форм и типизацией. Внутри — два точки входа: `@json-render/shadcn-svelte/catalog` экспортирует схемы без зависимости от Svelte (безопасно для сервера), `@json-render/shadcn-svelte` — реализации компонентов вместе со схемами. Компоненты охватывают Layout (Card, Stack, Grid), Navigation (Tabs, Accordion, Pagination), Overlay (Dialog, Drawer, Tooltip), Content (Heading, Table, Badge, Alert, Carousel), Feedback (Progress, Skeleton, Spinner) и Input (Button, Input, Select, Checkbox, Radio, Slider и другие). Все формы поддерживают `checks` для валидации и `validateOn` с тремя режимами: change, blur, submit. Реализации используют bundled shadcn-svelte примитивы — не компоненты из `$lib/components/ui/` вашего приложения. Направление — рендер UI из JSON-спецификаций на Svelte, а не генерация или экспорт дизайн-токенов. Подойдёт для проектов на Svelte 5 с настроенным Tailwind CSS; не подходит, если Tailwind не подключён или проект не использует json-render.