Vorgefertigte shadcn/ui-Komponenten für json-render. Verwenden Sie diese bei der Arbeit mit @json-render/shadcn, beim Hinzufügen von Standard-UI-Komponenten zu einem Katalog oder beim Erstellen von Web-Oberflächen mit Radix UI + Tailwind CSS-Komponenten.
Diese Fähigkeit bietet vorgefertigte shadcn/ui-Komponenten, die speziell für die Verwendung mit der @json-render/shadcn-Bibliothek entwickelt wurden. Sie ermöglicht Entwicklern, schnell und effizient standardisierte UI-Elemente wie Buttons, Eingabefelder, Dialoge und Tabellen in ihre Webanwendungen einzubinden. Die Fähigkeit unterstützt die Frameworks Radix UI und Tailwind CSS, was eine hohe Anpassbarkeit und Barrierefreiheit gewährleistet. Durch die Nutzung von json-render können diese Komponenten deklarativ aus JSON-Strukturen gerendert werden, was die Entwicklung dynamischer und konfigurierbarer Oberflächen vereinfacht und insbesondere für Agenten und automatisierte UI-Erstellung nützlich ist. Sie ist für Plattformen wie Claude Code, Cursor und Codex optimiert.
npx skills add https://github.com/vercel-labs/json-render/tree/main/skills/shadcnVorgefertigte shadcn/ui-Komponenten für json-render. Verwenden Sie diese bei der Arbeit mit @json-render/shadcn, beim Hinzufügen von Standard-UI-Komponenten zu einem Katalog oder beim Erstellen von Web-Oberflächen mit Radix UI + Tailwind CSS-Komponenten.
This repo contains 7 individual skills — each has its own dedicated page.
Core package for defining schemas, catalogs, and AI prompt generation for json-render. Use when working with @json-render/core, defining schemas, creating catalogs, or building JSON specs for UI/video generation.
React renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creating component catalogs, or rendering AI-generated specs.
React Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs from JSON, creating mobile component catalogs, or rendering AI-generated specs on mobile.
React PDF renderer for json-render. Use when generating PDF documents from JSON specs, working with @json-render/react-pdf, or rendering specs to PDF buffers/streams/files.
React Three Fiber 3D renderer for json-render. Use when working with @json-render/react-three-fiber, building 3D scenes from JSON specs, rendering meshes/lights/models/environments, or integrating Three.js with json-render catalogs.
Remotion renderer for json-render that turns JSON timeline specs into videos. Use when working with @json-render/remotion, building video compositions from JSON, creating video catalogs, or rendering AI-generated video timelines.
Zustand adapter for json-render's StateStore interface. Use when integrating json-render with Zustand for state management via @json-render/zustand.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".