skills.rest
molefrogmolefrogCommunity·1 Agent Skills Included

skills

Generate styled PDF documents with React components

Generates professional PDF documents, reports, invoices, and forms using React-PDF components. Eliminates manual coordinate math and layout debugging with flexbox, SVG graphics, custom fonts, and smart page breaks. Includes a working template, full component reference, and Google Fonts catalog to produce polished documents faster.
168|9
↗
npx skills add molefrog/skills --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators
📦 In Repo
molefrogmolefrog

react-pdf

Generate PDF documents from React components using @react-pdf/renderer.

Community
Advanced

Frequently Asked Questions

FAQPage Schema
How to install react-pdf skill?▼

Run `npx skills add molefrog/skills --all -g -y` in your terminal to install this skill globally.

How to generate PDFs with React components?▼

This skill teaches your agent to build PDFs with @react-pdf/renderer using declarative components like Document, Page, View, and Text, then render them to files with tsx.

Why use React-PDF instead of Python PDF libraries?▼

React-PDF offers flexbox layout, inline SVG graphics, reusable components, and professional typography, so you avoid absolute coordinate math and imperative drawing code.

Can I use custom fonts and emoji in generated PDFs?▼

Yes. The skill includes a catalog of about 65 Google Fonts with download URLs and shows how to register local font files and Twemoji assets for emoji support.

Does this skill work with Claude Code?▼

Yes. It follows the standard SKILL.md format and runs directly in Claude Code and other compatible coding agents.

Related Repositories in Software Engineering

View All in Software Engineering→
openclawopenclaw
388.4k

openclaw

Run a personal AI assistant across your devices and chat apps

Official📦 120 Skills
obraobra
280.0k

superpowers

Gives coding agents a disciplined workflow from idea to merged code

Community📦 15 Skills
facebookfacebook
248.4k

react

AI agent skills for building, testing, and porting React core

Official📦 14 Skills