·react-pdf

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.

36Installs·10Trend·@vercel-labs

Installation

$npx skills add https://github.com/vercel-labs/json-render --skill react-pdf

How to Install react-pdf

Quickly install react-pdf AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/vercel-labs/json-render --skill react-pdf
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: vercel-labs/json-render.

SKILL.md

View raw

React PDF renderer that generates PDF documents from JSON specs using @react-pdf/renderer.

All render functions accept an optional second argument: { registry?, state?, handlers? }.

| Document | Top-level PDF wrapper (must be root) | | Page | Page with size (A4, LETTER), orientation, margins | | View | Generic container (padding, margin, background, border) | | Row, Column | Flex layout with gap, align, justify | | Heading | h1-h4 heading text | | Text | Body text (fontSize, color, weight, alignment) |

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. Source: vercel-labs/json-render.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/vercel-labs/json-render --skill react-pdf
Category
#Documents
Verified
First Seen
2026-03-09
Updated
2026-03-10

Browse more skills from vercel-labs/json-render

Quick answers

What is react-pdf?

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. Source: vercel-labs/json-render.

How do I install react-pdf?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/vercel-labs/json-render --skill react-pdf Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/vercel-labs/json-render