skills.rest
hasnaxyz
hasnaxyzOFFICIAL
Explore all skills by this author →
GitHub

react-pdf

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Converts structured UI specs into production-ready PDF documents without hand-coding layout logic, making automated document generation reliable and reusable.

Core Features & Use Cases

  • Render PDFs to buffers, streams, or files for server-side and batch workflows.
  • Build documents with pages, text, tables, lists, dividers, images, links, and page numbers.
  • Extend the default catalog with custom components for invoices, reports, branded forms, and other templated documents.
  • Use controlled state and server-safe imports to support backend rendering pipelines.

Quick Start

Use the react-pdf skill to turn your JSON spec into a PDF invoice and save it as output.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 PDF documents from JSON data automatically?▼

To generate PDF documents from JSON data, you define a schema-driven specification and use a registry of custom components to render structured content like invoices or reports into buffers, streams, or files.

Can I render PDFs on the server without hand-coding layout logic?▼

Yes, you can render PDFs on the server using server-safe imports and controlled state, allowing automated backend rendering pipelines to produce deterministic PDF output from structured UI specs.

What is the best way to create branded invoices and reports programmatically?▼

The best way to create branded invoices and reports is by extending the default component catalog with custom components, allowing you to build templated documents from JSON specifications reliably.

Does react-pdf support streaming PDF output for batch workflows?▼

Yes, react-pdf supports streaming PDF output for batch workflows by rendering JSON specifications directly into streams, buffers, or files for server-side document generation.

What structured elements can I include when rendering a PDF from a JSON spec?▼

When rendering a PDF from a JSON spec, you can include structured elements such as pages, text, tables, lists, dividers, images, links, and page numbers to build comprehensive documents.

Do I need a schema-driven spec to use react-pdf for document generation?▼

Yes, you need a schema-driven spec to use react-pdf for document generation, as it relies on structured JSON specifications and registry-defined components to ensure reliable and deterministic PDF output.

Related Skills

Explore More Software Engineering Skills→
hasnaxyzhasnaxyz

vue

Render Vue 3 interfaces from JSON specifications with registry-based components.

Official
Advanced
inpinitiinpiniti

react-pdf

Render PDF documents from JSON specifications using React PDF.

Community
Intermediate
nonputtipongnonputtipong

frontend-developer

Develop React components and responsive layouts with Next.js and TypeScript.

Community
Advanced
youhei-ushioyouhei-ushio
1

pdf

Extract text and structured data from PDF documents using Python libraries.

Community
Intermediate