invoice-generator

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

Updated Mar 14, 2026
One-click install
npx skills add https://github.com/BasitShafiq/personal --skill invoice-generator-basitshafiq
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: invoice-generator
Source: https://github.com/BasitShafiq/personal/tree/main/.local/secondary_skills/invoice-generator
Command: npx skills add https://github.com/BasitShafiq/personal --skill invoice-generator-basitshafiq

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill automates the creation of professional invoices, transforming raw data into visually appealing and accurate documents, complete with pixel-perfect PDF exports.

Core Features & Use Cases

  • Dynamic Invoice Generation: Creates invoices as React web applications that auto-scale to fit page dimensions.
  • High-Fidelity PDF Export: Generates PDFs using Puppeteer, ensuring the output is a precise representation of the web view.
  • Guided Information Gathering: Prompts users for all necessary details (seller, client, line items, tax, payment terms) if not initially provided.
  • Jurisdiction-Aware Formatting: Adapts required fields and page size (Letter/A4) based on the seller's location.
  • Use Case: A freelancer needs to send an invoice to a new client. They provide their business details, client information, and a list of services rendered. The Skill generates a professional-looking invoice PDF and a web preview.

Quick Start

Use the invoice-generator skill to create an invoice for 'Client Corp' with line items 'Website design - $5000' and 'Logo design - $2500', issuing it today with Net 30 payment terms.

Frequently Asked Questions about invoice-generator

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

FAQPage Schema
How do I generate an invoice PDF from web app data?

You can generate an invoice PDF by providing billing details and line items to create a React web application, which is then exported to a pixel-perfect PDF using Puppeteer.

What details are needed to create a billing invoice?

Creating a billing invoice requires seller and client information, line items, payment terms, and tax requirements; the process prompts you for any essential details not initially provided.

Does invoice PDF generation adapt to different page sizes and jurisdictions?

Yes, invoice PDF generation adapts required fields and adjusts page size between Letter and A4 formats automatically based on the seller's location to match jurisdictional requirements.

Can I use Puppeteer to export a React invoice to PDF?

Yes, Puppeteer exports the React invoice web application to a high-fidelity PDF, ensuring the output is a precise, pixel-perfect representation of the auto-scaled web view.

What is the best way to automate professional invoice creation?

Automating professional invoice creation is best done by generating a React web app with auto-scaling layouts and exporting it via Puppeteer to deliver an immediate, pixel-perfect PDF.

Why does my React invoice layout need to auto-scale for PDF export?

React invoice layouts auto-scale to fit page dimensions, ensuring the Puppeteer PDF generation captures a pixel-perfect, high-fidelity representation without visual cutoffs or misaligned elements.