skills.rest
SaberAloui
SaberAlouiCOMMUNITY
Explore all skills by this author →
GitHub

invoice-generator

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

Updated Jul 10, 2026
Search Tags:#react#print layout#billing#invoice#vat#html template#pdf export
One-click install
npx skills add https://github.com/SaberAloui/agri-hub --skill invoice-generator-saberaloui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: invoice-generator
Source: https://github.com/SaberAloui/agri-hub/tree/main/.local/secondary_skills/invoice-generator
Command: npx skills add https://github.com/SaberAloui/agri-hub --skill invoice-generator-saberaloui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating accurate, professional invoices manually is error-prone and time-consuming, especially when handling tax rules, sequential numbering, and print-ready layouts. This Skill builds invoices as standalone HTML pages or React components that auto-scale to fit the page and export to PDF via the browser's print dialog. ## Core Features & Use Cases - Two build approaches: A URL-parameter-driven standalone HTML template for SaaS/subscription billing to many clients, or a React component for one-off custom invoices with complex line items. - Auto-scale print layout: A two-layer page structure with a scaleToFit function keeps invoices on a single Letter or A4 page, with multi-page support for long line-item lists. - Jurisdiction-aware fields: Guidance for EU VAT requirements (sequential numbering, reverse charge notation), US sales tax, and explicit handling of exempt tax lines. - Use Case: A SaaS founder needs to bill subscribers monthly. The Skill builds one HTML template in the app's public folder where client name, invoice number, dates, amount, and Stripe payment link are passed as URL query parameters, so one file serves every client. ## Quick Start Ask the assistant to create an invoice and provide your seller details, client details, line items, payment terms, billing email, and production domain so it can build a print-ready invoice page.

Frequently Asked Questions about invoice-generator

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

FAQPage Schema
How do I create an invoice as an HTML page with PDF export?▼

Build a standalone HTML invoice page with a fixed-size page container and use the browser's print dialog (window.print()) to save it as PDF. The page uses @page print styles and an auto-scale function so content fits on one Letter or A4 page.

How do I make one invoice template work for many clients?▼

Use the URL parameter pattern: hardcode seller info in the template and pass client-specific fields like client name, invoice number, dates, amount, and Stripe link as query parameters. One HTML file in the app's public folder then serves all clients.

Why does Puppeteer PDF generation fail on NixOS?▼

Puppeteer and headless Chromium fail on NixOS due to missing system libraries like libglib-2.0.so.0. Use window.print() with the browser's print dialog and Save as PDF instead, which the invoice layout is designed around.

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 with quantities, unit prices excluding VAT, and VAT amounts. Cross-border B2B sales use 0% VAT with a reverse charge notation.

How do I stop invoice content from overflowing the printed page?▼

Use a two-layer structure: a fixed-height .invoice-page container with overflow hidden, and an inner .inv-scaler wrapper. A scaleToFit JavaScript function measures content height and applies a CSS transform scale when content exceeds the page height.

What are the limitations of HTML-based invoice generation?▼

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

Related Skills

Explore More Finance & Accounting Skills→
aqeelalamfca-sysaqeelalamfca-sys

invoice-generator

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

Community
Advanced
PerryB-GITPerryB-GIT

creating-invoices

Generate PDF invoices with line items, payment terms, and tracking.

Community
Intermediate
tomtoto757tomtoto757
14

invoice-generation-automation

Generate branded PDF invoices from completed orders with VAT breakdowns.

Community
Intermediate
webrix-aiwebrix-ai
1

invoice-automation

Create and send invoices with payment links and track overdue payments.

Official
Advanced