·react
</>

react

Средство рендеринга React для json-рендеринга, которое превращает спецификации JSON в компоненты React. Используйте при работе с @json-render/react, создании пользовательских интерфейсов React из JSON, создании каталогов компонентов или рендеринге спецификаций, созданных ИИ.

81Установки·21Тренд·@vercel-labs

Установка

$npx skills add https://github.com/vercel-labs/json-render --skill react

Как установить react

Быстро установите AI-навык react в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/vercel-labs/json-render --skill react
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: vercel-labs/json-render.

React renderer that converts JSON specs into React component trees.

Use visible on elements to show/hide based on state. New syntax: { "$state": "/path" }, { "$state": "/path", "eq": value }, { "$state": "/path", "not": true }, { "$and": [cond1, cond2] } for AND, { "$or": [cond1, cond2] } for OR. Helpers: visibility.when("/path"), visibility.unless("/path"), visibility.eq("/path", val), visibility.and(cond1, cond2), visibility.or(cond1, cond2).

| StateProvider | Share state across components (JSON Pointer paths). Accepts optional store prop for controlled mode. | | ActionProvider | Handle actions dispatched via the event system | | VisibilityProvider | Enable conditional rendering based on state | | ValidationProvider | Form field validation |

Средство рендеринга React для json-рендеринга, которое превращает спецификации JSON в компоненты React. Используйте при работе с @json-render/react, создании пользовательских интерфейсов React из JSON, создании каталогов компонентов или рендеринге спецификаций, созданных ИИ. Источник: vercel-labs/json-render.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/vercel-labs/json-render --skill react
Источник
vercel-labs/json-render
Категория
</>Разработка
Проверено
Впервые замечено
2026-03-08
Обновлено
2026-03-10

Browse more skills from vercel-labs/json-render

Короткие ответы

Что такое react?

Средство рендеринга React для json-рендеринга, которое превращает спецификации JSON в компоненты React. Используйте при работе с @json-render/react, создании пользовательских интерфейсов React из JSON, создании каталогов компонентов или рендеринге спецификаций, созданных ИИ. Источник: vercel-labs/json-render.

Как установить react?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/vercel-labs/json-render --skill react После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/vercel-labs/json-render