NeVibeCode · репозиторий · 20 карточек
json-render: набор от vercel-labs
Репозиторий vercel-labs/json-render на GitHub: 20 карточек с описанием и командой установки.
react скилл Скилл помогает собирать React-интерфейсы из JSON-спецификаций через json-render. Нужен для каталогов компонентов и UI, который создаёт ИИ.
Claude Code CX Codex Cursor +1
16 300установок
core скилл Описывает схему и каталог компонентов для json-render и собирает системный промпт, по которому ИИ выдаёт JSON-спеки интерфейсов.
Claude Code CX Codex Cursor +1
15 000установок
codegen скилл Утилиты для генерации кода из json-render UI-деревьев. Помогает строить кастомные экспортеры кода для Next.js, Remix и других фреймворков, обходить спеки и сериализовать пропсы.
Claude Code CX Codex Cursor +1
8 900установок
next скилл Генерирует многостраничные приложения Next.js из спецификаций JSON. Пригодится при сборке SSR-сайтов, маршрутов и макетов через @json-render/next.
Claude Code CX Codex Cursor +1
8 600установок
devtools скилл Панель отладки для json-render: дерево компонентов, редактор состояния, лог действий, стриминг патчей и пикер элементов.
Claude Code CX Codex Cursor +1
8 300установок
directives скилл Готовые директивы для json-render: форматирование, математика, строки, i18n. Подключаются в каталог и рендерер за пару строк.
Claude Code CX Codex Cursor +1
8 000установок
mcp скилл Скилл помогает собирать MCP-серверы с интерактивными json-render UI для Claude, ChatGPT, Cursor и VS Code.
Claude Code CX Codex Cursor +1
5 800установок
react-native скилл Скилл помогает собирать нативные React Native-интерфейсы из JSON-спецификаций. Пригодится для мобильных UI с состоянием, условиями видимости и действиями.
Claude Code CX Codex Cursor +1
3 200установок
remotion-best-practices скилл Скилл подсказывает агенту, как работать с Remotion в React: от анимации и звука до композиций и параметров видео. Пригодится, когда агент пишет или меняет код Remotion.
Claude Code CX Codex Cursor +1
1 500установок
react-pdf скилл Рендерит PDF-документы из JSON-спецификаций через @react-pdf/renderer. Нужен, когда требуется собирать счета, отчёты или формы программно.
Claude Code CX Codex Cursor +1
2 300установок
zustand скилл Скилл интегрирует Zustand в json-render для синхронизации состояния приложения. Пригодится, если в проекте уже используется Zustand и нужно связать его с компонентами, которые рендерит json-render.
Claude Code CX Codex Cursor +1
1 900установок
remotion скилл Скилл превращает JSON-описания видеотайм-лайна в готовые видеокомпозиции через Remotion. Пригодится, если генерируешь видео программно или собираешь каталоги видеоклипов из данных.
Claude Code CX Codex Cursor +1
1 700установок
image скилл Превращает JSON-спецификации в SVG и PNG через Satori. Пригодится для OG-картинок, социальных карточек и рендера изображений по схемам от ИИ.
Claude Code CX Codex Cursor +1
1 500установок
react-email скилл Преобразует JSON-спецификации в HTML- и текстовые письма через React Email. Нужен для каталогов писем, шаблонов и описаний, созданных ИИ.
Claude Code CX Codex Cursor +1
1 400установок
vue скилл Скилл для преобразования JSON-спецификаций в Vue 3 компоненты с привязкой данных, условиями видимости и обработкой действий. Нужен, если вы генерируете интерфейсы через ИИ или строите UI из JSON.
Claude Code CX Codex Cursor +1
1 400установок
ink скилл Помогает создавать интерактивные терминальные интерфейсы из JSON-спецификаций через @json-render/ink. Пригодится при настройке TUI и каталогов компонентов для агентов.
Claude Code CX Codex Cursor +1
1 300установок
svelte скилл Помогает собирать интерфейсы Svelte 5 из спецификаций json-render и связывать компоненты с состоянием, событиями и действиями.
Claude Code CX Codex Cursor +1
1 200установок
solid скилл Скилл для рендеринга JSON-spec в реактивные SolidJS компоненты. Пригодится, если собираешь каталоги UI, настраиваешь провайдеры или разбираешься с реактивностью Solid.
Claude Code CX Codex Cursor +1
1 100установок
redux скилл Адаптер Redux для json-render: подключает слайс хранилища как источник состояния для рендерера. Пригодится, если состояние уже живёт в Redux.
Claude Code CX Codex Cursor +1
1 100установок
shadcn-svelte скилл Набор из 36 готовых компонентов на Svelte 5 и Tailwind CSS для json-render. Помогает агенту собирать интерфейсы и настраивать каталоги схем.
Claude Code CX Codex Cursor +1
1 100установок