invoice-generator

Generate professional invoices as HTML pages or React components with PDF export.

Updated May 17, 2026
One-click install
npx skills add https://github.com/Amna-exe/EventFlow_App --skill invoice-generator-amna-exe
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: invoice-generator
Source: https://github.com/Amna-exe/EventFlow_App/tree/main/Final-MAD-project-main-4zipzipzipzipzip-1-ite1zipzip/.local/secondary_skills/invoice-generator
Command: npx skills add https://github.com/Amna-exe/EventFlow_App --skill invoice-generator-amna-exe

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating accurate, legally compliant invoices manually is error-prone and time-consuming, especially when handling tax rules, sequential numbering, and print-ready formatting across jurisdictions. ## Core Features & Use Cases - Two Build Approaches: Generate standalone HTML invoice templates driven by URL query parameters for SaaS/subscription billing, or React components for one-off custom invoices. - Auto-Scale Print Layout: A two-layer page structure with a scaleToFit function keeps invoices on a single Letter or A4 page and exports to PDF via the browser print dialog. - Jurisdiction-Aware Compliance: Built-in guidance for EU VAT rules (Article 226), reverse charge notation, US sales tax, sequential numbering schemes, and payment terms. - Use Case: A SaaS founder needs to bill hundreds of subscribers monthly; one parameterized HTML template serves all clients, with each invoice link carrying client name, amount, dates, and a Stripe payment URL. ## Quick Start Ask the assistant to create an invoice and provide your seller details, client information, line items, payment terms, tax rate, billing email, and production domain.

Frequently Asked Questions about invoice-generator

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

FAQPage Schema
How do I generate an invoice as an HTML page?

Create a standalone HTML template in your app's public folder that reads client-specific fields from URL query parameters via URLSearchParams. Seller info is hardcoded, and clients open the parameterized link in a browser and print to PDF.

How do I export an HTML invoice to PDF?

Use the browser's native print dialog with window.print() and select Save as PDF. Headless Chromium and Puppeteer fail on NixOS due to missing system libraries, so the browser print flow is the supported approach.

Should I use an HTML template or a React component for invoices?

Use a standalone HTML template with URL parameters when the same invoice format goes to many clients, such as SaaS subscriptions. Use a React component for one-off invoices with complex line items or per-client custom branding.

Why does my invoice content overflow the printed page?

Overflow happens when content exceeds the fixed page height. The two-layer structure with an invoice-page container and an inv-scaler wrapper, plus a scaleToFit function, shrinks content proportionally so it fits one Letter or A4 page.

What fields are legally required on an EU invoice?

EU invoices under VAT Directive 2006/112/EC require a sequential invoice number, invoice and supply dates, seller and customer names, addresses and VAT numbers, line descriptions, unit prices excluding VAT, and the VAT rate and amount per line.

What are the limitations of this invoice generation approach?

It cannot send invoices, process payments, or track payment status. Tax calculation is flat-rate per invoice without mixed VAT rates or multi-state US nexus handling, and it does not integrate with accounting ledgers.