react は何をしますか？
JSONスペックをReactコンポーネントに変換するjson-render用のReactレンダラー。@json-render/reactを使用する場合、JSONからReact UIを構築する場合、コンポーネントカタログを作成する場合、またはAI生成のスペックをレンダリングする場合に使用します。
JSONスペックをReactコンポーネントに変換するjson-render用のReactレンダラー。@json-render/reactを使用する場合、JSONからReact UIを構築する場合、コンポーネントカタログを作成する場合、またはAI生成のスペックをレンダリングする場合に使用します。
vercel-labs/reactは、JSON形式の仕様（スペック）をReactコンポーネントに変換するためのレンダラーです。これはjson-renderエコシステムの一部であり、@json-render/reactライブラリと連携して動作します。このスキルを使用することで、開発者はJSONベースのUI定義から動的にReactコンポーネントを生成でき、特にAIエージェントが生成したUIスペックを直接レンダリングする際に非常に有用です。コンポーネントカタログの作成や、データ駆動型のUI構築にも活用でき、JSONの構造をそのままReactのツリーにマッピングします。主にClaude CodeやCursor、CodexなどのAIエージェントプラットフォームでの使用を想定しており、AIが生成したJSONUI仕様を即座にReact 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スペックをReactコンポーネントに変換するjson-render用の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.