json-render-catalog
json-render component catalog patterns for AI-safe generative UI. Define Zod-typed catalogs that constrain what AI can generate, use @json-render/shadcn for 36 pre-built components, optimize specs with YAML mode, and apply the three edit modes (patch/merge/diff) for progressive updates. Use when building AI-generated UIs, defining component catalogs, or integrating json-render into React/Vue/Svelte/React Native/Ink/Next.js projects.
- Compatibility
- Claude Code 2.1.220+
Pinned to revision 1ff988bd66da, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/json-render-catalog/SKILL.md
- skills/json-render-catalog/references/ork-delta.md
- skills/json-render-catalog/references/package-ecosystem.md
- skills/json-render-catalog/references/storybook-fixture.json
- skills/json-render-catalog/references/storybook-import.md
- skills/json-render-catalog/rules/_sections.md
- skills/json-render-catalog/rules/_template.md
- skills/json-render-catalog/rules/catalog-definition.md
- skills/json-render-catalog/rules/prop-constraints.md
- skills/json-render-catalog/rules/token-optimization.md
- skills/json-render-catalog/scripts/storybook-to-catalog.mjs
- skills/json-render-catalog/test-cases.json
Every link opens the file at its source, pinned to the revision this page describes.