react-native (json-render 변환기)은(는) 무엇을 하나요?
JSON 사양을 네이티브 모바일 UI로 변환하는 json-render용 React Native 렌더러입니다. @json-render/react-native 작업 시, JSON에서 React Native UI를 구축하거나, 모바일 컴포넌트 카탈로그를 생성하거나, AI 생성 사양을 모바일에서 렌더링할 때 사용하세요.
JSON 사양을 네이티브 모바일 UI로 변환하는 json-render용 React Native 렌더러입니다. @json-render/react-native 작업 시, JSON에서 React Native UI를 구축하거나, 모바일 컴포넌트 카탈로그를 생성하거나, AI 생성 사양을 모바일에서 렌더링할 때 사용하세요.
이 스킬은 JSON으로 정의된 UI 사양을 네이티브 모바일 UI로 자동 변환해주는 React Native 렌더러입니다. @json-render/react-native 라이브러리와 함께 사용되며, AI가 생성한 UI 사양이나 동적 컴포넌트 구성을 모바일 환경에서 바로 렌더링할 수 있도록 도와줍니다. 주로 Cursor, Codex, Claude Code와 같은 AI 에이전트 기반 개발 도구에서 사용되며, JSON만으로 복잡한 모바일 화면을 구성할 수 있어 프로토타이핑이나 컴포넌트 카탈로그 제작에 매우 유용합니다. JSON 스펙을 정의하면 React Native 컴포넌트 트리로 변환되어 네이티브 성능을 그대로 유지하면서 유연한 UI 구축이 가능합니다.
npx skills add https://github.com/vercel-labs/json-render/tree/main/skills/react-nativeInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
JSON 사양을 네이티브 모바일 UI로 변환하는 json-render용 React Native 렌더러입니다. @json-render/react-native 작업 시, JSON에서 React Native UI를 구축하거나, 모바일 컴포넌트 카탈로그를 생성하거나, AI 생성 사양을 모바일에서 렌더링할 때 사용하세요.
This repo contains 7 individual skills — each has its own dedicated page.
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.
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.
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.
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.
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.
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.
Zustand adapter for json-render's StateStore interface. Use when integrating json-render with Zustand for state management via @json-render/zustand.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.