CommunityCodierung & Entwicklunggithub.com

vercel-labs/react-native

React Native Renderer für json-render, der JSON-Spezifikationen in native mobile Benutzeroberflächen umwandelt. Verwenden Sie ihn, wenn Sie mit @json-render/react-native arbeiten, React Native UIs aus JSON erstellen, mobile Komponentenkataloge anlegen oder KI-generierte Spezifikationen auf Mobilgeräten rendern möchten.

Was ist react-native?

Diese Fähigkeit stellt einen React Native Renderer für die json-render-Bibliothek bereit, der es Entwicklern ermöglicht, native mobile Benutzeroberflächen aus JSON-Spezifikationen zu generieren. Sie ist besonders nützlich in Kombination mit @json-render/react-native, wenn Sie React Native UIs dynamisch aus JSON erstellen, mobile Komponentenkataloge aufbauen oder KI-generierte Spezifikationen direkt auf Mobilgeräten rendern möchten. Der Renderer interpretiert strukturierte JSON-Definitionen und wandelt sie in native React Native Komponenten um, was eine flexible und datengesteuerte UI-Entwicklung ermöglicht. Unterstützt wird die Arbeit mit beliebigen Plattformen, die React Native einsetzen, wie iOS und Android, sowie Entwicklungs-Workflows, die auf KI-gestützte UI-Generierung setzen. Die Funktionsweise basiert auf der json-render-Architektur: Sie definieren Ihre UI als JSON, und der Renderer kümmert sich um die native Darstellung.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/vercel-labs/json-render/tree/main/skills/react-native

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht react-native?

React Native Renderer für json-render, der JSON-Spezifikationen in native mobile Benutzeroberflächen umwandelt. Verwenden Sie ihn, wenn Sie mit @json-render/react-native arbeiten, React Native UIs aus JSON erstellen, mobile Komponentenkataloge anlegen oder KI-generierte Spezifikationen auf Mobilgeräten rendern möchten.

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

vercel-labs/core

Core package for defining schemas, catalogs, and AI prompt generation for json-render. Use when working with @json-render/core, defining schemas, creating catalogs, or building JSON specs for UI/video generation.

vercel-labs/react

React renderer for json-render that turns JSON specs into React components. Use when working with @json-render/react, building React UIs from JSON, creating component catalogs, or rendering AI-generated specs.

vercel-labs/react-pdf

React PDF renderer for json-render. Use when generating PDF documents from JSON specs, working with @json-render/react-pdf, or rendering specs to PDF buffers/streams/files.

vercel-labs/react-three-fiber

React Three Fiber 3D renderer for json-render. Use when working with @json-render/react-three-fiber, building 3D scenes from JSON specs, rendering meshes/lights/models/environments, or integrating Three.js with json-render catalogs.

vercel-labs/remotion

Remotion renderer for json-render that turns JSON timeline specs into videos. Use when working with @json-render/remotion, building video compositions from JSON, creating video catalogs, or rendering AI-generated video timelines.

vercel-labs/shadcn

Pre-built shadcn/ui components for json-render. Use when working with @json-render/shadcn, adding standard UI components to a catalog, or building web UIs with Radix UI + Tailwind CSS components.

vercel-labs/zustand

Zustand adapter for json-render's StateStore interface. Use when integrating json-render with Zustand for state management via @json-render/zustand.

Verwandte Skills