skills.rest
tamnguyentommy-rgb
tamnguyentommy-rgbCOMMUNITY
Explore all skills by this author →
GitHub

invoice-generator

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

2|2|Updated Apr 3, 2026
Search Tags:#automation#template#pdf#html#react#billing#invoice
One-click install
npx skills add https://github.com/tamnguyentommy-rgb/Routex_AI_Web_Project --skill invoice-generator-tamnguyentommy-rgb
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: invoice-generator
Source: https://github.com/tamnguyentommy-rgb/Routex_AI_Web_Project/tree/main/.local/secondary_skills/invoice-generator
Command: npx skills add https://github.com/tamnguyentommy-rgb/Routex_AI_Web_Project --skill invoice-generator-tamnguyentommy-rgb

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the creation of professional invoices by generating standalone HTML pages or React apps that can export to PDF via the browser.

Core Features & Use Cases

  • Standalone HTML invoices with browser print-to-PDF, auto-scaling for legibility.
  • React-based invoice component for one-off or embedded invoicing in apps.
  • Two data delivery approaches: URL parameter driven (Approach A) for SaaS templates, and a React data integration approach (Approach B) for custom invoices.
  • URL parameter pattern with fields like client, email, inv, date, due, period, amount, plan, stripe.
  • Print styles and page-length logic (scale to fit, multi-page support with headers on each page).
  • Guidance on hardcoded seller info and production domain, validation steps.
  • Best practices: dynamic dates, due date formatting, etc.

Quick Start

Provide seller and client details, line items, and dates, then choose between a standalone HTML invoice or a React component to generate and export a PDF.

Frequently Asked Questions about invoice-generator

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

FAQPage Schema
How do I generate professional invoices as HTML pages with PDF export?▼

To generate professional invoices as HTML pages with PDF export, provide seller, client, and item data, then choose between a standalone HTML invoice or a React component to export to PDF via the browser.

What is the best way to generate dynamic invoices from URL parameters?▼

Generating dynamic invoices from URL parameters is handled via Approach A, which parses fields like client, email, date, due, amount, and stripe to populate a reusable SaaS template for browser print-to-PDF.

Can I use a React component for custom invoice generation instead of static HTML?▼

Yes, you can use a React component for custom invoice generation via Approach B, which enables one-off or embedded invoicing in apps by integrating dynamic line items, dates, and payment details directly into the component.

How do I apply print styles for multi-page invoices?▼

To apply print styles for multi-page invoices, use the built-in page-length logic that scales to fit and supports multi-page layouts with headers on each page for optimal PDF legibility.

Does the HTML invoice template support hardcoded seller credentials and production domains?▼

Yes, the HTML invoice template supports hardcoded seller credentials and production domains, providing guidance on validation steps and best practices for formatting dynamic dates and due dates.

Related Skills

Explore More Finance & Accounting Skills→
Darsh20009Darsh20009

invoice-generator

Generate HTML or React invoices with PDF export.

Community
Advanced
purvishrivastava27purvishrivastava27

invoice-generator

Generate printable HTML or React invoices with PDF export.

Community
Intermediate
webspoiltwebspoilt
10

cashclaw-invoicer

Automate Stripe invoice creation, payment links, status tracking, and reminders.

Community
Advanced
soq123soq123

invoice-generator

Generate HTML or React invoices with browser-based PDF export.

Community
Advanced