Official Mobile

react-native

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

This skill ships only metadata — no inline instructions. See the source repo for details.

Install this skill

One command (all agents)

Runs the npx skills CLI which auto-detects every AI coding agent you have installed (Claude Code, Cursor, Codex, OpenCode, Windsurf, Copilot, and 51 more).

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

Alternative: shorthand form

npx skills add vercel-labs/json-render

Install to a specific agent

Pick the agent you use. The CLI writes the skill to that agent's standard skill directory.

npx skills add vercel-labs/json-render --agent claude-code

npx skills add vercel-labs/json-render --agent cursor

npx skills add vercel-labs/json-render --agent codex

npx skills add vercel-labs/json-render --agent opencode

npx skills add vercel-labs/json-render --agent github-copilot

npx skills add vercel-labs/json-render --agent windsurf

Manual install (no CLI)

Prefer to skip the CLI? Clone the repo and drop the skill folder into your agent's skills directory.

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

cp -r json-render ~/.claude/skills/

For other agents, replace ~/.claude/skills/ with their skill directory — see the full list.

Use it

Once installed, ask your agent to "use the react-native skill" or describe what you want (e.g. "React Native renderer for json-render that turns JSON specs into native mobile U"). Most agents auto-discover the skill from its SKILL.md description — no slash command needed.

Requires: Node.js 18+ for npx skills. Skill files are MIT-style permissive by default — check the source repo for the actual license.

SKILL.md source

---
name: react-native
description: React Native renderer for json-render that turns JSON specs into native mobile UIs. Use when working with @json-render/react-native, building React Native UIs from JSON, creating mobile component cata
---

Related skills 6

vercel-react-native-skills

★ Featured Official

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.

vercel-labs 124k

Mobile

adapt

★ Featured

Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility.

pbakaus 82k

Mobile