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

★ 8.1 · vibe-coding

Shadcn UI Components is a Claude Code skill that delivers 36 pre-built shadcn/ui component definitions and implementations for the json-render system, all built on Radix UI and Tailwind CSS. Reach for it when you need to assemble a web UI from standard React components via JSON config, when building a server-safe component catalog without a React dependency, or when you want forms, tables, modals, and navigation without writing markup by hand. The 36 components span six groups: 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), and Input (Button, Input, Textarea, Select, Checkbox, Radio, Switch, Slider, Toggle, and more). Two entry points: `@json-render/shadcn/catalog` exports schemas with no React dependency, safe for server use; `@json-render/shadcn` exports React implementations. Built-in actions — setState, pushState, removeState, validateForm — are wired up automatically via ActionProvider. Stack: TypeScript, React, Radix UI, Tailwind CSS, Zod for validation. The direction is rendering UI from JSON descriptors, not generating design tokens or stylesheets. Works for json-render projects on React; not suitable if json-render is not in your stack or if you need a non-React framework.