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

★ 8.1 · vibe-coding

Компоненты Shadcn для Svelte is a Claude Code skill that ships 36 pre-built shadcn-svelte UI components for json-render Svelte applications, built on Svelte 5 and Tailwind CSS. Reach for it when you want to assemble a web UI from JSON specs without hand-coding every widget, when you need a ready-made component catalog compatible with @json-render/core, or when your forms need built-in validation logic without extra libraries. Two entry points cover different needs: `@json-render/shadcn-svelte/catalog` exports only schema definitions with no Svelte dependency — safe for server-side prompt generation — while `@json-render/shadcn-svelte` adds the full Svelte implementations. The 36 components span Layout (Card, Stack, Grid, Separator), Navigation (Tabs, Accordion, Pagination), Overlay (Dialog, Drawer, Tooltip, DropdownMenu), Content (Heading, Table, Badge, Alert, Carousel), Feedback (Progress, Skeleton, Spinner), and Input (Button, Input, Select, Checkbox, Radio, Slider, Switch, Toggle, and more). All form inputs support `checks` for validation rules and `validateOn` with three modes: change, blur, or submit. Component implementations use bundled shadcn-svelte primitives, not your app's own `$lib/components/ui/`. Direction is rendering UI from JSON specs in Svelte, not exporting design tokens or generating static markup.