Generates professional PDF documents using React components, Flexbox layouts, and TypeScript.
The React-PDF skill empowers Claude to create high-quality, complex PDF documents such as invoices, reports, and resumes directly within a React-based workflow. By leveraging the @react-pdf/renderer library, it enables the use of familiar Flexbox layouts, SVG graphics, and custom typography, providing a more intuitive and powerful alternative to traditional coordinate-based PDF libraries. This skill includes specialized technical guidance for handling local fonts, managing asynchronous rendering patterns, and previewing output, ensuring a streamlined development process for production-grade document generation.
Key Features
01Advanced layout control with support for page breaks, orphans, and widows
02Dynamic content generation including automatic page numbering and fixed headers/footers
03Support for SVG vector graphics, custom Google Fonts, and high-resolution images
04274 GitHub stars
05Flexbox-based layout engine for complex multi-column document structures
06TypeScript and JSX integration using the high-performance tsx runtime
Use Cases
01Building branded marketing collateral and professional document templates with complex styling
02Automating the generation of recurring business invoices and detailed financial reports
03Creating dynamic, data-driven resumes, certificates, or forms from JSON data
