Json Render Shadcn

This gives Claude the knowledge to work with json-render's shadcn component library, which provides 36 pre-built UI components based on Radix UI and Tailwind CSS. The key pattern is selective importing: you explicitly pick the components you need for both the catalog definitions and React implementations rather than spreading everything. It covers the full range from layout primitives like Card and Stack to form inputs with built-in validation timing controls. The two entry point system is smart, the catalog side has no React dependency so you can safely use it server-side for prompt generation. If you're building declarative UIs with json-render and want a solid foundation of standard components without rolling your own, this is the reference Claude needs.

Install to Claude Code

npx -y skills add vercel-labs/json-render --skill json-render-shadcn --agent claude-code