Plugin · Claude Code · Frontend & UI

Molefrog Skills

molefrog-skills is a Claude Code plugin for the Build phase that teaches the agent to generate high-quality PDFs using react-pdf and React components.

by molefrog · github.com/molefrog/skills

Generate polished, layout-controlled PDF documents from React components using react-pdf inside Claude Code.

136
GitHub stars
0
Installs
0
Community votes
One vote per signed-in builder - it helps surface the tools the community actually relies on.
Install

Add it to Claude Code

Install the plugin in Claude Code. One command, paste-ready.

Install the plugin
/plugin install molefrog-skills@molefrog/skills
Add to ClaudeUse the Agent APISkillselion is itself an MCP server - your agent can fetch this config directly.
Agent API

Built to be called by your agent

Skillselion is itself an MCP server. Your agent can pull this entry and a paste-ready install config straight from the API - no copy-paste.

Retrieve this entry with skillselion.get_details("plugin:molefrog/skills") and the paste-ready config with skillselion.get_install_config("plugin:molefrog/skills").

About

What it does

molefrog-skills packages a Claude Code skill for builders who need PDFs that look designed—not plain text dumps—without leaving the React ecosystem. The skill steers the agent toward react-pdf patterns so layout, typography, and reusable document components stay in code you can version and test. Solo founders use this when a SaaS must emit proposals, receipts, onboarding packs, or exportable reports; content products may need downloadable assets from the same design language as the app. It is intentionally narrow: document generation at build time or as part of an export feature, not SEO, email delivery infrastructure, or print-shop prepress. Install when you already run React or are willing to add a small renderer dependency for deterministic PDF output. Intermediate complexity assumes comfort with React props and basic Node tooling. The catalog lists one plugin and keywords around PDF, react-pdf, and document generation.

Highlights

  • Claude skill focused on high-quality PDF generation via react-pdf
  • Uses React component mental model (@react-pdf/renderer) instead of manual PDF APIs
  • Suited to invoices, reports, certificates, and branded one-off document templates
  • Single-plugin community bundle from molefrog/skills (~136 GitHub stars)
  • Pairs with Node/React projects already shipping web UI

Why builders use it

Hand-rolling PDF layout or fighting low-level PDF libraries slows solo builders who already think in React and need reliable branded documents.

You ship PDF export features faster with react-pdf-oriented guidance so Claude Code produces structured, printable documents from component-style code.

At a glance

  • Type - Plugin in Frontend & UI.
  • Adoption - 0 installs, 136 stars, 0 votes.

FAQ

Who is molefrog-skills for?

Solo builders and small teams on React who want Claude Code to help author react-pdf documents and export flows.

When should I use molefrog-skills?

Use it while implementing download/export features, printable reports, or any UI-backed document that should be generated as a real PDF file.

How do I add molefrog-skills to my agent?

Add the molefrog/skills community plugin (1 plugin) in Claude Code, then invoke the PDF skill when implementing or refactoring react-pdf code in your project.

Discussion

Comments

Share how you use molefrog-skills, gotchas, or tips for other indie builders.

No comments yet - be the first to share how you use it.

This week for builders

Five minutes, every Monday — the tools, releases and tactics for shipping solo.

unsubscribe anytime.