Vue 3 — динамический UI из JSON-спецификаций

★ 8.1 · vibe-coding

Разработка на Vue.js — это скилл для Claude Code, который подключает @json-render/vue, Vue 3-рендерер из экосистемы json-render, превращающий JSON-спецификации в дерево Vue-компонентов с привязкой данных, условной отрисовкой и системой действий. Берут, когда нужно генерировать UI динамически из JSON — например, строить формы или дашборды по описанию от ИИ, когда структура интерфейса заранее неизвестна или меняется на лету, а также когда хочется держать спецификацию UI отдельно от кода компонентов. Внутри: `defineRegistry` с h()-функциями для каждого компонента, `Renderer` для монтирования дерева, провайдеры `StateProvider` / `ActionProvider` / `VisibilityProvider` / `ValidationProvider`, набор composables (`useStateStore`, `useAction`, `useBoundProp`, `useUIStream`). Поддерживает именованные слоты, динамические выражения (`$state`, `$bindState`, `$cond`, `$computed`), встроенные действия (`setState`, `pushState`, `removeState`), стриминг спеков и интеграцию с Pinia или любым внешним store. Устанавливается через npm: `npm install @json-render/vue @json-render/core zod`; peer-зависимости — Vue ^3.5.0 и zod ^4.0.0. Направление — рендеринг JSON-спеков в Vue, а не генерация спеков (для этого нужна отдельная логика на стороне ИИ). Подойдёт для проектов на Vue 3, где UI управляется данными или формируется ИИ; не подходит для React или других фреймворков.