core は何をしますか？
スキーマ、カタログ、AIプロンプト生成を定義するためのコアパッケージ。@json-render/coreを使用する際、スキーマの定義、カタログの作成、UI/動画生成用のJSONスペックの構築に使用します。
スキーマ、カタログ、AIプロンプト生成を定義するためのコアパッケージ。@json-render/coreを使用する際、スキーマの定義、カタログの作成、UI/動画生成用のJSONスペックの構築に使用します。
vercel-labs/coreは、json-renderエコシステムの中核となるパッケージで、スキーマ定義、カタログ管理、AIプロンプト生成のための機能を提供します。主に、UIや動画生成のためのJSONスペックを構築する際に利用され、@json-render/coreと組み合わせて使用します。このパッケージは、開発者が構造化されたスキーマを定義し、それを基にAIエージェント向けのプロンプトを自動生成することを可能にします。対応プラットフォームとしては、Claude Code、Cursor、CodexなどのAIエージェントツールが想定され、これらと連携してユーザーインターフェースや動画コンテンツの生成を効率化します。スキーマ定義にはTypeScriptの型システムを活用し、カタログは再利用可能なコンポーネントの集合体として機能します。これにより、一貫性のあるJSONフォーマットでコンテンツを生成できるため、開発効率の向上と品質の安定化が期待できます。
npx skills add https://github.com/vercel-labs/json-render/tree/main/skills/coreスキーマ、カタログ、AIプロンプト生成を定義するためのコアパッケージ。@json-render/coreを使用する際、スキーマの定義、カタログの作成、UI/動画生成用のJSONスペックの構築に使用します。
This repo contains 7 individual skills — each has its own dedicated page.
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 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.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.
Obra superpowers agent skills.
See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...
End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.