skills.rest
Celia-12
Celia-12COMMUNITY
Explore all skills by this author →
GitHub

invoice-generator

Generate React invoice web apps with auto-scaling layout and Puppeteer PDF export.

Updated Feb 17, 2026
Search Tags:#pdf#layout#react#puppeteer#invoice#web-app#printing
One-click install
npx skills add https://github.com/Celia-12/Proyecto-Mern --skill invoice-generator-celia-12
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: invoice-generator
Source: https://github.com/Celia-12/Proyecto-Mern/tree/main/frontend/.local/secondary_skills/invoice-generator
Command: npx skills add https://github.com/Celia-12/Proyecto-Mern --skill invoice-generator-celia-12

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating professional invoices is time-consuming and error-prone when done manually. This Skill automates invoice generation from a live React page and exports pixel-perfect PDFs via Puppeteer, ensuring the PDF is a faithful capture of the invoice view.

Core Features & Use Cases

  • Auto-scaling layout: invoices render to fit the page regardless of content length.
  • Pixel-perfect PDF export: Puppeteer renders the live invoice as a precise PDF.
  • Single source of truth: the web page is the source of data and the PDF is a screenshot of it.
  • Use Case: generate consistent invoices from client data with accurate totals and branding.

Quick Start

Fill in the invoice details in the app and trigger the PDF generation from the live page.

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 PDF invoice from a React web app?▼

When exporting an invoice to PDF, Puppeteer captures the live React web page directly, ensuring the PDF is a faithful, pixel-perfect screenshot of the invoice view rather than a separate document.

How to ensure invoice layout scales correctly for PDF printing?▼

To ensure invoice layout scales correctly for PDF printing, the React component applies auto-scale logic on render and font load, automatically adjusting the invoice view to fit the page regardless of content length.

What invoice details do I need to provide for automated PDF generation?▼

For automated PDF generation, you need to provide full invoice details including seller and client information, line items, dates, tax, and currency to populate the structured INVOICE_DATA for the React web app.

Does Puppeteer support multi-page invoice PDF export?▼

Yes, Puppeteer supports multi-page invoice PDF export by rendering the live React web app with print-ready styles, allowing long invoices to span multiple pages while maintaining a pixel-perfect capture.

Why use a React web page instead of a template for invoice PDF generation?▼

Using a React web page for invoice PDF generation provides a single source of truth where the live page holds the data and Puppeteer exports it, ensuring consistent branding and accurate totals without manual template formatting.

Related Skills

Explore More Software Engineering Skills→
rezosndrezosnd

invoice-generator

Generate pixel-perfect invoice PDFs from structured billing data via Puppeteer.

Community
Advanced
ouzayrouzayr

invoice-generator

Generate React invoice web apps with PDF exports via Puppeteer.

Community
Advanced
KartikSharma4448KartikSharma4448

invoice-generator

Generate React web invoices with PDF export via Puppeteer.

Community
Advanced
sabahattinksabahattink
27

pdf-official

Generate PDFs from data or HTML templates using PDFKit or Puppeteer.

Community
Intermediate