Скиллы для нейросетей из vercel-labs/json-render

Помогает разработчикам создавать собственный экспорт кода из деревьев интерфейса json-render. Подходит для Next.js, Remix и других платформ, когда нужно разобрать компоненты, состояние и действия интерфейса.

Помогает разработчикам работать с @json-render/core: задавать структуру JSON, описывать доступные компоненты и действия, готовить запросы к AI. Подходит для создания и изменения спецификаций интерфейсов или видео.

Помогает разработчикам разбираться, почему элементы интерфейса json-render отображаются неправильно. Позволяет смотреть дерево описания интерфейса, менять состояние во время работы, отслеживать действия и поступающие изменения.

Помогает разработчикам интерфейсов json-render добавлять форматирование дат, чисел и валют, вычисления, обработку текста и переводы. Подходит для готовых директив и собственных расширений.

Помогает разработчикам превращать описания JSON в изображения через @json-render/image и Satori. Подходит для карточек социальных сетей, изображений предпросмотра ссылок и визуализации описаний, созданных AI.

Помогает разработчикам строить терминальные интерфейсы с @json-render/ink. Подходит для отображения JSON-описаний, в том числе созданных AI, с полями ввода, меню, таблицами и обновляемыми данными.

Помогает разработчикам хранить состояние интерфейса json-render в атоме Jotai и разделять его с другими компонентами приложения.

Помогает разработчикам показывать интерфейсы json-render как интерактивные MCP Apps внутри Claude, ChatGPT, Cursor и VS Code. Подходит для создания нового MCP-сервера или подключения интерфейса к существующему.

Помогает разработчикам собирать многостраничные приложения Next.js из JSON-описания. Подходит для страниц, общих макетов, навигации и метаданных, включая приложения, описание которых создаёт AI.

Помогает разработчикам строить интерфейсы React по описанию в JSON, включая описания, созданные AI. Подходит для создания каталога компонентов и подключения форм, действий и отображения по условиям.

Помогает разработчикам превращать JSON-описания в служебные и маркетинговые письма с помощью @json-render/react-email. Подходит для готовых компонентов, собственных блоков и описаний писем, созданных AI.

Помогает разработчикам React Native отображать интерфейсы, описанные в JSON, в том числе созданные AI. Поддерживает стандартные и собственные компоненты, формы, действия и показ элементов по условиям.

Помогает разработчикам создавать PDF-документы по описанию в JSON с помощью @json-render/react-pdf. Подходит для документов с текстом, таблицами, изображениями и нумерацией страниц.

Помогает разработчикам создавать 3D-сцены в json-render через React Three Fiber. Подходит для геометрических объектов, освещения, моделей, окружения и управления камерой.

Помогает разработчикам использовать Redux или Redux Toolkit для хранения состояния интерфейса json-render.

Помогает разработчикам превращать описание видеомонтажа в JSON в композицию Remotion. Подходит для видео со стандартными сценами, переходами и эффектами, а также для добавления собственных компонентов.

Помогает разработчикам веб-приложений подключать готовые компоненты shadcn/ui к json-render. Подходит для форм, навигации и экранов с собственными элементами рядом со стандартными.

Помогает разработчикам приложений json-render на Svelte добавлять готовые элементы интерфейса shadcn-svelte. Набор включает 36 компонентов для разметки, навигации, форм и отображения данных.

Помогает разработчикам SolidJS отображать описания json-render как интерактивные интерфейсы. Подходит для подключения компонентов, состояния, действий, проверки полей и интерфейсов, которые поступают постепенно во время генерации.

Помогает разработчикам Svelte отображать описания json-render как дерево компонентов. Подходит для каталогов компонентов, форм с состоянием и интерфейсов, описания которых генерирует AI.

Помогает разработчикам Vue 3 отображать интерфейсы по JSON-описаниям, в том числе созданным AI. Поддерживает привязку данных, условную видимость, действия и проверку полей формы.

Помогает разработчикам использовать XState Store как хранилище состояния интерфейса json-render. Адаптер связывает состояние приложения с чтением и записью данных интерфейса.

Помогает разработчикам json-render использовать YAML вместо JSONL для описания интерфейса, поступающего от модели. Поддерживает постепенное отображение и точечные изменения существующего описания.

Помогает разработчикам использовать хранилище Zustand для управления состоянием интерфейса json-render. Можно подключить всё состояние приложения или отдельную вложенную часть.