skills.rest
offers-png
offers-pngCOMMUNITY
Explore all skills by this author →
GitHub

invoice-generator

Generate standalone HTML or React invoices with URL-parameter client data.

Updated Apr 5, 2026
Search Tags:#html#react#billing#invoicing#invoice#printing
One-click install
npx skills add https://github.com/offers-png/one-time-checkout --skill invoice-generator-offers-png
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: invoice-generator
Source: https://github.com/offers-png/one-time-checkout/tree/main/.local/secondary_skills/invoice-generator
Command: npx skills add https://github.com/offers-png/one-time-checkout --skill invoice-generator-offers-png

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generates professional invoices as standalone HTML pages or React web apps with auto-scaling layout and browser-print PDF export. URL-parameter driven for SaaS/subscription templates that serve multiple clients from one file.

Core Features & Use Cases

  • Standalone HTML invoices with auto-scaling layouts that print cleanly to PDF
  • React-based invoice artifacts for easy integration into apps
  • URL-parameter driven client data enables SaaS-style templates for multiple clients
  • Browser print export without requiring headless browsers on constrained environments
  • NixOS note: Puppeteer/headless Chromium is avoided; use window.print() when needed

Quick Start

Open the template in a browser and pass seller and client details via URL parameters to generate a ready-to-print invoice.

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 printable invoice template in HTML or React?▼

To generate a printable invoice template in HTML or React, you can use a parameterized standalone template that renders seller and client details, utilizing the browser's window.print() function for clean PDF export without requiring headless browsers.

Can I use URL parameters to pass client data for SaaS billing invoices?▼

Yes, you can use URL parameters to pass client data dynamically into the invoice template. This enables a SaaS-style workflow where a single source file serves multiple clients by reading URL query strings for billing details.

Does browser-based invoice PDF export work without Puppeteer or headless Chromium?▼

Browser-based invoice PDF export works without Puppeteer by using the native window.print() function. This approach is necessary on constrained platforms where headless Chromium is unavailable, such as certain NixOS environments.

What's the best way to create a single invoice template for multiple freelance clients?▼

The best way to create a single invoice template for multiple freelance clients is to hardcode seller data and pull client details dynamically via URL parameters, producing a scalable standalone HTML artifact for each billing period.

Why does my React invoice layout break when printing to PDF from the browser?▼

React invoice layouts may break during browser printing if the CSS lacks print-specific auto-scaling rules. Applying print media queries ensures the standalone artifact scales correctly to the target PDF page dimensions.

Related Skills

Explore More Finance & Accounting Skills→
tamnguyentommy-rgbtamnguyentommy-rgb
2

invoice-generator

Generate HTML or React invoices with PDF export from seller and client data.

Community
Advanced
kvm9-devkvm9-dev

invoice-generator

Generate print-ready HTML or React invoices with URL-parameter fields.

Community
Intermediate
Buntyarora97Buntyarora97

invoice-generator

Generate invoices as HTML, React web apps, and printable PDFs.

Community
Intermediate
gauravb4875-uxgauravb4875-ux

invoice-generator

Generate HTML or React invoices and export them to PDF.

Community
Intermediate