Генерация кода из JSON-спецификации интерфейса

★ 8.1 · vibe-coding

@json-render/codegen is a Claude Code skill that provides framework-agnostic utilities for generating source code from json-render UI specification trees, covering element traversal, component and state collection, and prop serialization. Reach for it when you need to export a json-render spec into a real Next.js or Remix project automatically, when you're building a custom code exporter on top of json-render, or when you need to programmatically audit all components, state paths, and actions referenced in a UI spec. The library is written in TypeScript and installed via `npm install @json-render/codegen`. Core APIs include `traverseSpec` for depth-first tree walking, `collectUsedComponents`, `collectStatePaths`, and `collectActions` for dependency gathering, plus `serializeProps` and `escapeString` for producing valid JSX output. The `CodeGenerator` interface and `GeneratedFile` type let you define arbitrary multi-file generators. The direction here is code generation from JSON specs — not visual rendering in a browser (use json-render core for that). Fits teams that store UI specs in json-render format and want to compile them into deployable project files; not the right fit if you only need runtime UI rendering without any code export step.