invoice-generator

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

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/Amarbharati-07/cms1 --skill invoice-generator-amarbharati-07
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: invoice-generator
Source: https://github.com/Amarbharati-07/cms1/tree/main/.local/secondary_skills/invoice-generator
Command: npx skills add https://github.com/Amarbharati-07/cms1 --skill invoice-generator-amarbharati-07

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer-core, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates the creation of professional invoices, transforming raw data into pixel-perfect PDF documents and interactive web applications.

Core Features & Use Cases

  • Automated Invoice Generation: Creates invoices from provided seller, client, and line item details.
  • PDF Export: Generates high-fidelity PDF invoices using Puppeteer, ensuring accurate layout and content.
  • Web App Preview: Renders invoices as auto-scaling React web apps for easy viewing and iteration.
  • Use Case: A freelancer needs to send a client an invoice for services rendered. They provide their business details, the client's information, and a list of services with prices. The Skill generates a professional PDF invoice ready for delivery.

Quick Start

Generate an invoice using the invoice-generator skill with the following details: seller name 'My Company', client name 'Client Corp', and line items 'Web Development - $5000'.

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 PDF invoice from raw billing data?

To generate a PDF invoice, you provide seller details, client information, and line items to the skill, which renders a React web app and exports a pixel-perfect PDF using Puppeteer. This ensures the PDF mirrors the scaled web content exactly.

Can I create a web app preview of an invoice before exporting it?

Yes, you can preview invoices as auto-scaling React web apps before exporting. This allows you to view and iterate on the layout and content, ensuring all tax calculations and payment terms are correct before generating the final PDF.

Does Puppeteer support multi-page invoice PDF generation with repeating headers?

Yes, Puppeteer supports multi-page invoice PDF generation by mirroring the web page's scaled content. It handles repeating headers across pages and calculates final page totals, ensuring accurate and continuous layout throughout the document.

What is the best way to automate professional invoice creation for a freelance business?

Automating professional invoice creation involves transforming raw financial data into interactive web apps and high-fidelity PDFs. This approach handles detailed seller and client information, line items, and tax calculations, producing documents ready for immediate delivery.

Do I need React to use this invoice PDF generation tool?

The skill generates invoices as React web applications before exporting them to PDF via Puppeteer. React is used internally to create the auto-scaling layouts and pixel-perfect previews, so you provide the data while the skill handles the React rendering.

Why does my exported invoice PDF layout not match the web page preview?

If your invoice PDF layout does not match the web preview, ensure the web page's scaled content is correctly mirrored for Puppeteer. The skill ensures accurate PDF generation by strictly mirroring the auto-scaled React web page layout into the final document.