react-pdf

Convert JSON specifications into PDF buffers, streams, or files.

Updated Apr 12, 2026
One-click install
npx skills add https://github.com/sametozkale/sorp --skill react-pdf-sametozkale
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: react-pdf
Source: https://github.com/sametozkale/sorp/tree/main/skills/react-pdf
Command: npx skills add https://github.com/sametozkale/sorp --skill react-pdf-sametozkale

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @json-render/core, @json-render/react-pdf, and includes references (resource) components.

What problem does it solve?

This Skill enables the generation of PDF documents directly from JSON specifications, streamlining the creation of styled and structured PDFs without manual design effort.

Core Features & Use Cases

  • Programmatic PDF creation: Generate complex, styled PDF documents from JSON schemas suitable for invoices, reports, and forms.
  • Integration with @json-render: Works with @json-render/react components to render dynamic content into PDFs.
  • Use Case: Automate the production of standardized reports by defining JSON specs, and convert them into PDF buffers or files for distribution.

Quick Start

Use the react-pdf skill to generate a PDF buffer from a JSON spec defining a report layout.

Frequently Asked Questions about react-pdf

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

FAQPage Schema
How do I generate a PDF from a JSON spec automatically?

You can generate a PDF from a JSON spec by defining a JSON schema for your report or invoice layout and passing it to a renderer that converts it directly into a PDF buffer, stream, or file. This approach streamlines document creation without manual design effort.

What is JSON-based document generation for PDFs?

JSON-based document generation for PDFs is the process of creating styled and structured PDF documents using JSON schemas as the layout definition. It allows developers to programmatically automate the production of standardized reports, invoices, and forms.

Do I need @json-render libraries to render PDFs from JSON?

Yes, you need @json-render libraries to render PDFs from JSON. The workflow specifically necessitates the @json-render/core and @json-render/react-pdf packages to interpret JSON UI schemas and render dynamic content into PDF documents.

Can I use React components to create PDF invoices and reports?

Yes, you can use React components to create PDF invoices and reports by integrating with @json-render/react. This allows you to render dynamic content defined in JSON specifications directly into styled PDF documents for distribution.

What's the best way to automate standardized report creation in backend systems?

The best way to automate standardized report creation in backend systems is by defining JSON specs for your layouts and converting them into PDF buffers or files. This enables seamless, programmatic generation of documents without manual design intervention.

Why convert JSON specifications into PDF buffers or streams?

Converting JSON specifications into PDF buffers or streams allows backend systems to programmatically generate and distribute documents efficiently. This method supports automated workflows by outputting ready-to-distribute files directly from dynamic JSON schemas.