skills.rest
naopensedoit2-design
naopensedoit2-designCOMMUNITY
Explore all skills by this author →
GitHub

invoice-generator

Generate React invoice layouts and export pixel-perfect PDFs via Puppeteer.

Updated Apr 25, 2026
Search Tags:#react#print layout#puppeteer#invoice generation#payment terms#pdf export#vat compliance
One-click install
npx skills add https://github.com/naopensedoit2-design/Claramente-nao-sou-um-Escritor --skill invoice-generator-naopensedoit2-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: invoice-generator
Source: https://github.com/naopensedoit2-design/Claramente-nao-sou-um-Escritor/tree/main/.local/secondary_skills/invoice-generator
Command: npx skills add https://github.com/naopensedoit2-design/Claramente-nao-sou-um-Escritor --skill invoice-generator-naopensedoit2-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer-core, puppeteer, fs, path, react, and includes scripts (resource) components.

What problem does it solve?

Creating accurate invoices is slow and error-prone, especially when you need a polished layout and a PDF that matches what you see.

Core Features & Use Cases

  • Auto-scaling invoice layout: Builds a React invoice that fits the target page without clipping by scaling content to available space.
  • Pixel-perfect PDF export: Uses Puppeteer to render the live web artifact into an exact PDF snapshot.
  • Professional invoice guidance: Enforces clarifying questions to avoid missing legal, tax, and payment details (especially for EU VAT requirements).
  • Multi-page support: Allows longer invoices by letting content flow while keeping tables readable and headers repeatable.

Quick Start

Tell the AI to generate your invoice by providing seller and client details, a line-items list with quantities and prices, and your payment terms and due date.

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 pixel-perfect invoice PDF from a React layout?▼

You generate pixel-perfect invoice PDFs by providing structured seller, client, tax, and payment term inputs to build a React web artifact, which Puppeteer then exports as an exact PDF snapshot.

Does this invoice generator handle EU VAT compliance and required legal fields?▼

Yes, the invoice generator enforces clarifying questions and explicit assumptions to ensure all jurisdiction-aware required fields, including EU VAT compliance details, are present before rendering.

Can I export long line-item lists to a multi-page invoice PDF without breaking tables?▼

Yes, multi-page support allows long line-item lists to flow across pages while keeping tables readable and automatically repeating headers for continuous context.

How do I prevent content clipping when generating invoice PDFs?▼

To prevent content clipping, the layout applies deterministic scaling-to-fit logic that automatically scales the React invoice content to match the available target page space.

Do I need Puppeteer installed to export invoice PDFs?▼

Yes, Puppeteer and puppeteer-core are required dependencies for rendering the live React web artifact into the final PDF export file.

Related Skills

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

md-to-pdf

Convert Markdown documents to PDFs with Puppeteer and marked.

Official
Intermediate
hmzainjamilhmzainjamil
1

QuickBooks Automation

Automate QuickBooks invoicing, expense categorization, bank reconciliation, and financial reporting.

Community
Advanced
se1111thse1111th

invoice-generator

Generate branded invoices as React web apps with Puppeteer PDF export.

Community
Advanced
codexyzdevcodexyzdev

react-pdf-v4

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

Community
Intermediate