invoice-generator

Generate standalone HTML or React invoices with URL-parameter-driven templates.

Updated Dec 10, 2025
One-click install
npx skills add https://github.com/KhaledMKhaled/FodaStore --skill invoice-generator-khaledmkhaled
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: invoice-generator
Source: https://github.com/KhaledMKhaled/FodaStore/tree/main/.local/secondary_skills/invoice-generator
Command: npx skills add https://github.com/KhaledMKhaled/FodaStore --skill invoice-generator-khaledmkhaled

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the problem of creating professional, client-ready invoices quickly without manually formatting print layouts or maintaining separate templates.

Core Features & Use Cases

  • Generate standalone HTML invoices or React invoice pages that you can print to PDF using the browser’s native print dialog.
  • URL-parameter driven templates for SaaS/subscription scenarios where one invoice template must serve many clients from a single file.
  • Auto-scale to fit a single page with a page-cutoff scaler so typical invoices remain readable while keeping the footer pinned.
  • Use Case: A subscription app generates monthly invoices by passing client name, invoice number, dates, amounts, and an optional Stripe checkout URL via query parameters.

Quick Start

Ask the user for seller details, client/billing details (including a real billing contact email), invoice line items (with quantities and prices), tax/payment terms, and the production domain, then generate a parameterized invoice template that renders correctly and can be printed to 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 a print-ready HTML invoice that exports cleanly to a PDF?

To generate a print-ready invoice, this Skill creates a standalone HTML or React artifact with print-focused CSS styling. You can then use your browser's native print dialog to export the invoice directly to a PDF without needing headless browser automation.

Can I use URL query parameters to dynamically populate subscription billing invoices for different clients?

Yes, you can populate subscription billing invoices dynamically using URL query parameters. This Skill builds parameterized templates that accept client names, invoice numbers, dates, amounts, and payment links from a single URL to serve multiple clients.

What is the best way to auto-scale an invoice layout to fit a single page for PDF printing?

The best way to auto-scale an invoice layout is using the built-in page-cutoff scaler. It adjusts the template dimensions deterministically to fit a fixed page boundary, ensuring the footer remains pinned while keeping typical invoices readable.

Do I need a headless Chromium setup to create PDF invoices from HTML templates?

No, you do not need a headless Chromium setup to create PDF invoices. This Skill relies on a browser-native print workflow, generating HTML or React artifacts that you print to PDF directly through the browser's standard print dialog.

How do I add a Stripe checkout URL to an HTML invoice template?

To add a Stripe checkout URL, you pass the payment link as an optional URL query parameter during invoice generation. The Skill integrates this parameter into the parameterized invoice template for SaaS and subscription billing scenarios.

What details do I need to provide to generate a professional invoice template?

You need to provide seller details, client and billing contact information including a real email, invoice line items with quantities and prices, tax and payment terms, and your production domain. The Skill uses these inputs to generate a parameterized invoice template.