skills.rest
zaid-khan-code
zaid-khan-codeCOMMUNITY
Explore all skills by this author →
GitHub

react-pdf

Generate PDF documents from JSON specifications using @json-render/react-pdf.

3|2|Updated Mar 25, 2026
Search Tags:#pdf#react#rendering#document generation#tables#server-side#json spec
One-click install
npx skills add https://github.com/zaid-khan-code/learnHub-ai-powered-online-learning-platform-lms --skill react-pdf-zaid-khan-code
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: react-pdf
Source: https://github.com/zaid-khan-code/learnHub-ai-powered-online-learning-platform-lms/tree/main/.agents/skills/react-pdf
Command: npx skills add https://github.com/zaid-khan-code/learnHub-ai-powered-online-learning-platform-lms --skill react-pdf-zaid-khan-code

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill turns structured JSON specifications into production-ready PDF documents without hand-building layouts in React, making it easier to generate reports, invoices, letters, and other repeatable documents.

Core Features & Use Cases

  • JSON-to-PDF rendering: Convert a spec into a PDF buffer, stream, or file.
  • Standard document components: Compose pages with text, headings, tables, lists, images, links, dividers, and page numbers.
  • Custom registries and controlled state: Extend the component catalog and drive rendering with external state when your document needs dynamic data.
  • Use case: Generate branded invoices, lesson handouts, or automated reports from structured application data.

Quick Start

Use the react-pdf skill to render your JSON document spec into a PDF buffer, stream, or file.

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 specifications on the server side?▼

To generate PDF documents from JSON specifications on the server side, you can use a rendering engine that interprets your structured data and outputs it directly to a buffer, stream, or file.

Can I render React components into a PDF without manually building layouts?▼

Yes, you can render React components into a PDF without manual layouts by defining a typed component registry that maps standard elements like text, tables, and images to JSON spec keys.

What is the best way to create invoices and reports from structured application data?▼

The best way to create invoices and reports from structured data is converting JSON specifications into repeatable PDF documents, utilizing built-in components for headings, lists, and page numbers.

Does server-side PDF rendering support custom components and external state?▼

Server-side PDF rendering supports custom components and external state by allowing you to extend the component catalog with custom registries and drive dynamic data rendering through controlled state.

How do I include tables and images when generating a PDF from JSON?▼

To include tables and images when generating a PDF from JSON, your specification should utilize the standard document components provided by the rendering library to compose pages.

What are the limitations of using JSON specs for PDF generation?▼

Limitations of using JSON specs for PDF generation include the requirement to pre-define typed component registries for any custom layouts, meaning documents outside the standard component catalog need custom configuration.

Related Skills

Explore More Software Engineering Skills→
hasnaxyzhasnaxyz

svelte

Convert json-render specifications into Svelte 5 component trees with typed registries.

Official
Advanced
sametozkalesametozkale

react-pdf

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

Community
Intermediate
pelithpelith

react-hook-form

Apply eight categories of React Hook Form performance optimization rules to client-side forms.

Official
Advanced
Xza85hrfXza85hrf

doc-generation

Generate branded DOCX, PPTX, PDF, and XLSX documents from structured data.

Community
Intermediate