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

★ 8.1 · vibe-coding

@json-render/codegen — это скилл для Claude Code, который предоставляет утилиты кодогенерации на основе UI-спецификаций json-render: обход дерева элементов, сбор компонентов и состояний, сериализацию пропсов для создания экспортеров кода под любой фреймворк. Берут, когда нужно автоматически сгенерировать Next.js- или Remix-проект из JSON-описания интерфейса, когда строят собственный экспортер кода поверх json-render, или когда требуется программно извлечь все используемые компоненты, пути состояний и экшены из UI-спецификации. Внутри — framework-agnostic TypeScript-библиотека: `traverseSpec` обходит дерево depth-first, `collectUsedComponents` / `collectStatePaths` / `collectActions` собирают зависимости, `serializeProps` превращает объект пропсов в JSX-строку, `escapeString` экранирует строки. Устанавливается через `npm install @json-render/codegen`, типы `GeneratedFile` и `CodeGenerator` позволяют строить произвольные генераторы файлов. Направление — генерация исходного кода из JSON-спецификации, а не рендеринг UI в браузере (для этого — сам json-render). Подойдёт командам, которые хранят UI-спецификации в json-render и хотят выгружать их в реальные проекты; не подходит, если нужен визуальный рендер без кодогенерации.