What problem does it solve?
This Skill eliminates the tedious work of manually defining and implementing common UI components from scratch when building json-render applications, reducing development time and ensuring consistent, accessible UI patterns across projects.
Core Features & Use Cases
- 36 Pre-built shadcn/ui Components: Includes layout, navigation, input, feedback, and content components built on Radix UI and Tailwind CSS, all fully compatible with json-render's catalog and registry system.
- Dual Entry Points: Separate imports for server-side catalog definitions (no React dependency) and client-side React implementations, supporting full-stack json-render workflows.
- Use Case: Use this Skill to quickly add standard UI elements like cards, forms, modals, and data tables to a json-render catalog, so you can focus on building unique custom components instead of reimplementing common patterns.
Quick Start
Use the shadcn skill to import pre-built component definitions and implementations for Card, Button, and Input to add to your json-render catalog and registry.