react-pdf
0The react-pdf skill allows developers to easily display PDF documents in their React applications. It is ideal for those looking to integrate PDF viewing capabilities into their web projects.
000Updated 3w ago
React Skills
Quick InstallView Source
$ npx skills add https://github.com/molefrog/skills --skill react-pdfOverview
About This Skill
The react-pdf skill enables developers to create PDF documents programmatically using React components and the @react-pdf/renderer library. It provides Flexbox and grid layout capabilities powered by Yoga, eliminating coordinate-based positioning, and includes first-class SVG primitives for inline charts and icons. The skill supports Google Fonts registration, professional Knuth-Plass line breaking, smart page breaks with orphan/widow control, and emoji support. It solves the challenge of AI-generated document creation by offering declarative, composable component patterns familiar to React developers.
How to Use
Install the skill using the command provided.
Use Cases
Display PDF documents in a React application
Generate downloadable PDFs from React components
Create PDF portfolios with custom layouts
Tags
Setup & Installation
Quick Install
Terminal
$ npx skills add https://github.com/molefrog/skills --skill react-pdfAlternative Install (Git Clone)
git clone https://github.com/molefrog/skillsRequirements
- Claude Code or compatible AI agent
Quick Start Guide
1
Install the Skill
Copy the install command above and run it in your terminal.
2
Open Your AI Agent
Launch Claude Code, Cursor, or your preferred AI coding agent.
3
Try It Out
Use the prompt template or examples below to test the skill.
4
Customize
Adapt the skill to your specific use case and workflow.
Usage Examples
📝
No Examples Available
Check the GitHub repository or documentation for usage examples.
Find the right skills for your stack
Take a free 3-minute scan and get personalized AI skill recommendations.
Take free scan