react은(는) 무엇을 하나요?
json-render용 React 렌더러로, JSON 명세를 React 컴포넌트로 변환합니다. @json-render/react를 사용하거나, JSON으로 React UI를 구축하거나, 컴포넌트 카탈로그를 만들거나, AI 생성 명세를 렌더링할 때 활용하세요.
json-render용 React 렌더러로, JSON 명세를 React 컴포넌트로 변환합니다. @json-render/react를 사용하거나, JSON으로 React UI를 구축하거나, 컴포넌트 카탈로그를 만들거나, AI 생성 명세를 렌더링할 때 활용하세요.
vercel-labs/react는 json-render 라이브러리용 React 렌더러로, JSON 형식의 UI 명세를 React 컴포넌트로 동적으로 변환합니다. 이 스킬은 @json-render/react 패키지와 함께 동작하며, 개발자가 JSON 사양을 정의하면 이를 기반으로 완전한 React UI를 생성할 수 있습니다. 특히 AI 에이전트가 생성한 JSON 구조를 실시간으로 렌더링하거나, 서버에서 전달된 동적 UI 사양을 클라이언트에서 표시하는 경우에 유용합니다. 또한 컴포넌트 카탈로그나 디자인 시스템을 JSON으로 정의하고 이를 React로 렌더링하는 워크플로우를 지원합니다. 주요 사용 사례로는 AI 기반 UI 생성, 데이터 기반 동적 폼 구성, 원격 UI 명세 렌더링 등이 있습니다.
npx skills add https://github.com/vercel-labs/json-render/tree/main/skills/reactInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
json-render용 React 렌더러로, JSON 명세를 React 컴포넌트로 변환합니다. @json-render/react를 사용하거나, JSON으로 React 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 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.
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.