vercel-labs/react-pdf

Rendu PDF React pour json-render. À utiliser lors de la génération de documents PDF à partir de spécifications JSON, en travaillant avec @json-render/react-pdf ou en rendant des spécifications en tampons, flux ou fichiers PDF.

Qu'est-ce que react-pdf ?

Cette compétence fournit un moteur de rendu PDF basé sur React pour json-render, permettant de générer des documents PDF à partir de spécifications JSON structurées. Elle est particulièrement utile lorsque vous travaillez avec la bibliothèque @json-render/react-pdf, vous permettant de transformer des données JSON en documents PDF prêts à l'emploi. Elle prend en charge la sortie vers différents formats, notamment des tampons (buffers) pour un traitement en mémoire, des flux (streams) pour des opérations asynchrones, ou directement des fichiers sur le disque. Idéale pour les développeurs qui automatisent la création de rapports, de factures ou de certificats, cette compétence simplifie le processus de génération de PDF en exploitant la puissance de React pour le rendu, le tout dans un environnement Node.js.

Compatible avec~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/vercel-labs/json-render/tree/main/skills/react-pdf

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait react-pdf ?

Moteur de rendu PDF React pour json-render. À utiliser lors de la génération de documents PDF à partir de spécifications JSON, en travaillant avec @json-render/react-pdf, ou en rendant des spécifications en tampons, flux ou fichiers PDF.

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

vercel-labs/core

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.

vercel-labs/react

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.

vercel-labs/react-native

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.

vercel-labs/react-three-fiber

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.

vercel-labs/remotion

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.

vercel-labs/shadcn

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.

vercel-labs/zustand

Zustand adapter for json-render's StateStore interface. Use when integrating json-render with Zustand for state management via @json-render/zustand.

Skills associés