К основному содержанию
NeVibeCode · репозиторий · 20 карточек

json-render: набор от vercel-labs

Репозиторий vercel-labs/json-render на GitHub: 20 карточек с описанием и командой установки.

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

Ещё в NeVibeCode

Спонсоры проекта

Компании, которые помогают держать аналитику открытой