Package principal pour définir des schémas, des catalogues et la génération de prompts IA pour json-render. À utiliser avec @json-render/core, pour définir des schémas, créer des catalogues ou construire des spécifications JSON pour la génération d'interface utilisateur/vidéo.
vercel-labs/core est le package central de l'écosystème json-render, conçu pour faciliter la définition de schémas, la création de catalogues et la génération de prompts destinés à l'intelligence artificielle. Ce package permet aux développeurs de spécifier des structures de données (schémas) et de les organiser en catalogues réutilisables. Il est particulièrement utile pour générer des spécifications JSON qui peuvent être utilisées pour produire des interfaces utilisateur (UI) ou des contenus vidéo. En intégrant des mécanismes de génération de prompts IA, il simplifie l'interaction avec des modèles de langage pour automatiser la création de contenu structuré. Vercl-labs/core s'intègre directement avec @json-render/core, offrant une base solide pour des workflows de développement modernes, notamment dans les environnements de développement basés sur l'IA comme Claude Code ou Cursor.
npx skills add https://github.com/vercel-labs/json-render/tree/main/skills/corePackage principal pour définir des schémas, des catalogues et la génération de prompts IA pour json-render. À utiliser avec @json-render/core, pour définir des schémas, créer des catalogues ou construire des spécifications JSON pour la génération d'interface utilisateur/vidéo.
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.