skills.rest
CatRabbit499
CatRabbit499COMMUNITY
Explore all skills by this author →
GitHub

invoice-generator

Generate branded invoice PDFs from structured details using React and Puppeteer.

Updated Apr 6, 2026
Search Tags:#automation#branding#pdf#layout#react#invoice
One-click install
npx skills add https://github.com/CatRabbit499/Digital_Portfolio --skill invoice-generator-catrabbit499
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: invoice-generator
Source: https://github.com/CatRabbit499/Digital_Portfolio/tree/main/templatemo_600_prism_flux/projects/CS-240/Lab-Portfolio/Lab-Portfolio-Dec_8_2025/.local/secondary_skills/invoice-generator
Command: npx skills add https://github.com/CatRabbit499/Digital_Portfolio --skill invoice-generator-catrabbit499

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill automates the creation of professional invoices from structured details, ensuring consistency and faster delivery.

Core Features & Use Cases

  • React-based web artifact that auto-scales to fit pages
  • Pixel-perfect PDF export via Puppeteer
  • Single source of truth for invoice data; supports branded layouts

Quick Start

Provide seller information, client details, line items, dates, and payment terms to generate an invoice preview and PDF.

Frequently Asked Questions about invoice-generator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a branded invoice PDF from structured data?▼

To generate a branded invoice PDF, provide seller information, client details, line items, dates, and payment terms. The skill renders a React-based layout that auto-scales to fit pages and exports pixel-perfect PDFs via Puppeteer.

Can I use React to create a deterministic invoice layout with auto-scaling?▼

Yes, you can use React to create a deterministic invoice layout with auto-scaling. The skill ensures a React-based web artifact that automatically scales to fit pages while handling per-invoice data and exact dimensions.

Does Puppeteer work for pixel-perfect PDF export of web invoices?▼

Puppeteer works for pixel-perfect PDF export of web invoices by driving headless browser generation. This ensures reliable PDF outputs from the React-based invoice layout with exact dimensions and proper page breaks.

What is the best way to automate professional invoice creation for repeatable business use?▼

The best way to automate professional invoice creation is using a structured data approach that processes seller and client details into branded layouts. This ensures consistency, faster delivery, and reliable PDF exports for repeatable business use.

Are there limitations when generating multi-page invoice PDFs with React and Puppeteer?▼

Limitations when generating multi-page invoice PDFs with React and Puppeteer involve managing exact dimensions and page breaks. The skill handles per-invoice data and auto-scaling to mitigate layout issues during pixel-perfect PDF generation.

Related Skills

Explore More Finance & Accounting Skills→
fcircle-bizfcircle-biz

md-to-pdf

Convert Markdown documents to PDFs with Puppeteer and marked.

Official
Intermediate
TencentTencent
19.5k

pdf-processing

Extract text and tables, fill forms, and merge PDFs using Python scripts.

Official
Intermediate
LambdaTestLambdaTest
350

puppeteer-skill

Generate Puppeteer scripts for browser automation, scraping, and PDF generation.

Official
Advanced
ouzayrouzayr

invoice-generator

Generate React invoice web apps with PDF exports via Puppeteer.

Community
Advanced