Json Render React Native
This is the React Native renderer for json-render, so you can turn JSON specifications into actual native mobile UIs. You'd reach for this when you want AI to generate mobile interfaces on the fly, build component catalogs from structured data, or create apps where the UI is driven by backend configuration. It ships with the standard mobile components you'd expect (buttons, inputs, cards, modals) plus data binding, visibility conditions, and a Pressable plus setState pattern for handling interactions. The two-way binding uses `$bindState` expressions right on component props instead of a separate statePath, which feels cleaner than older form binding approaches. If you need server-driven UI or AI-generated mobile apps, this handles the rendering layer without you writing hardcoded screens.
- skills.sh installs
- 142
- GitHub stars
- 19.5K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add vercel-labs/json-render --skill json-render-react-native --agent claude-codeInstalls into .claude/skills of the current project.
Files
This is the React Native renderer for json-render, so you can turn JSON specifications into actual native mobile UIs. You'd reach for this when you want AI to generate mobile interfaces on the fly, build component catalogs from structured data, or create apps where the UI is driven by backend configuration. It ships with the standard mobile components you'd expect (buttons, inputs, cards, modals) plus data binding, visibility conditions, and a Pressable plus setState pattern for handling interactions. The two-way binding uses `$bindState` expressions right on component props instead of a separate statePath, which feels cleaner than older form binding approaches. If you need server-driven UI or AI-generated mobile apps, this handles the rendering layer without you writing hardcoded screens.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/vercel-labs/json-render
- Categories
- Frontend Development, AI & Agent Building, Cloud & Infrastructure, Mobile Development
- First seen
- Jun 3, 2026
More from vercel-labs/json-render
All 31Recommended
More Frontend Development
secondme-nextjsmindverse/second-me-skills基于配置和需求生成 Next.js 项目，支持 --quick 快速模式跳过 PRD 阶段122skills.sh installs
nuxt-contentnuxt-content/nuxt-studioUse when working with Nuxt Content v3 - provides collections (local/remote/API sources), queryCollection API, MDC rendering, database configuration, NuxtStudio 114skills.sh installs
vercel-react-best-practicescherryhq/cherry-studioReact and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js c0skills.sh installs
nextjs-senior-devgeorgekhananaev/claude-skills-vaultSenior Next.js 15+/16 Engineer skill for App Router. Use when scaffolding production apps, enforcing RSC patterns, auditing codebases, or optimizing performance0skills.sh installs
shadcnsyahiidkamil/software-engineer-ai-agent-atlasManages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage ex0skills.sh installs
vercel-react-best-practicesvercel-labs/agent-skillsReact and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js c0skills.sh installs