skills.rest
pch007
pch007COMMUNITY
Explore all skills by this author →
GitHub

react-pdf

Generate PDFs from JSON specifications using @react-pdf/renderer.

1|Updated Jun 19, 2026
Search Tags:#pdf#react#rendering#json#pdf-generation#react-pdf
One-click install
npx skills add https://github.com/pch007/json-render --skill react-pdf-pch007
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-pdf
Source: https://github.com/pch007/json-render/tree/main/skills/react-pdf
Command: npx skills add https://github.com/pch007/json-render --skill react-pdf-pch007

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Render PDFs from JSON-driven UI specs in React applications, enabling dynamic document creation without manual PDF assembly.

Core Features & Use Cases

  • Generate PDF documents from structured JSON specs using @react-pdf/renderer.
  • Support rendering to in-memory buffers, streams, and files, suitable for server-side or client-side workflows.
  • Includes a reusable catalog of components (Document, Page, Text, Table, Image) and compatibility with custom components for complex reports.

Quick Start

Render a sample spec to a PDF buffer using renderToBuffer from @json-render/react-pdf.

Frequently Asked Questions about react-pdf

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate PDFs from JSON specs in a React application?▼

Generate PDFs from JSON specifications in React by passing structured JSON specs to rendering APIs like renderToBuffer, which produces deterministic portable documents for invoices, reports, or dashboards without manual PDF assembly.

Can I render PDFs to a stream or file for server-side workflows in React?▼

Render PDFs to streams or files for server-side workflows in React using the renderToStream and renderToFile APIs, which output portable documents suitable for both server-side and client-side generation pipelines.

What is the best way to create dynamic invoices and reports in React without manual PDF assembly?▼

Create dynamic invoices and reports in React by defining JSON-driven UI specs that map to a reusable component catalog including Document, Page, Text, Table, and Image, producing deterministic documents automatically.

Does this PDF generation approach support custom components for complex reports?▼

PDF generation from JSON specs supports custom components for complex reports, integrating with a component catalog that includes Document, Page, Text, Table, and Image to render structured portable documents.

How does JSON-driven PDF rendering work for deterministic document output?▼

JSON-driven PDF rendering works by translating structured JSON specifications into deterministic document output using server-safe imports and rendering APIs, ensuring consistent portable documents across client-side or server-side workflows.

Related Skills

Explore More Software Engineering Skills→
hasnaxyzhasnaxyz

react-pdf

Render PDF documents from JSON specifications into buffers, streams, or files.

Official
Intermediate
kcrleekcrlee

convex-file-storage

Implement Convex file storage workflows with upload URLs, serving, metadata, and deletion.

Community
Advanced
ZardLi1115ZardLi1115
4

ocr-and-documents

Extract text from PDFs and scanned documents via OCR pipelines.

Community
Intermediate
xztxyxztxy

react-pdf

Generate PDFs from JSON specifications using React-based APIs.

Community
Advanced