skills.rest
shahmirerror
shahmirerrorCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

invoice-generator

Generate React web invoices and pixel-perfect PDFs via Puppeteer.

Updated Mar 17, 2026
Search Tags:#automation#pdf#react#puppeteer#billing#invoice#print
One-click install
npx skills add https://github.com/shahmirerror/gsdcp-mobile --skill invoice-generator-shahmirerror
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: invoice-generator
Source: https://github.com/shahmirerror/gsdcp-mobile/tree/main/.local/secondary_skills/invoice-generator
Command: npx skills add https://github.com/shahmirerror/gsdcp-mobile --skill invoice-generator-shahmirerror

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate professional invoices as React web apps with auto-scaling layout and pixel-perfect PDF export via Puppeteer. The web page is the single source of truth — the PDF is a screenshot of it.

Core Features & Use Cases

  • Auto-scale invoices to fit the page, ensuring content remains legible across formats.
  • Pixel-perfect PDF export via Puppeteer from the live invoice web page.
  • Single source of truth with a previewable web artifact; supports multi-page invoices when line items exceed one page.
  • Guidelines for collecting seller/client data, line items, and payment terms to accelerate delivery.

Quick Start

Provide complete invoice details (seller, client, line items, dates, and terms), then build the web artifact and generate the 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 pixel-perfect PDF invoice from a React web page?▼

To generate a pixel-perfect PDF invoice from a React web page, this Skill uses Puppeteer to capture the live web page as a screenshot, ensuring the web preview is the single source of truth for the printable PDF output.

Can I create multi-page printable invoices when line items exceed one page?▼

Yes, you can create multi-page printable invoices. The system supports multi-page output natively, automatically scaling the React invoice layout to fit lengthy line items across multiple PDF pages.

What is the best way to automate billing workflows for freelance and SMB invoices?▼

The best way to automate freelance and SMB billing workflows is using a frontmatter-driven content structure. You provide seller, client, and line item data to automatically produce a previewable web invoice and a Puppeteer-generated PDF.

Does Puppeteer support CSS print layout for auto-scaling invoice pages?▼

Yes, Puppeteer supports CSS print layout for auto-scaling invoice pages. The Skill applies CSS print styling to the React web artifact, ensuring the content remains legible and properly formatted across different print formats.

What data do I need to provide to build a React invoice with PDF export?▼

You need to provide complete invoice details including seller and client information, line items, dates, and payment terms. This data populates the frontmatter-driven structure to build the web artifact and generate the PDF.

How do CSS print layouts handle auto-scaling for lengthy invoice line items?▼

CSS print layouts handle auto-scaling by dynamically adjusting the React invoice page to fit the content. This ensures lengthy line items remain legible, automatically extending into multi-page PDFs when they exceed a single page.

Related Skills

Explore More Finance & Accounting Skills→
Darsh20009Darsh20009

invoice-generator

Generate HTML or React invoices with PDF export.

Community
Advanced
ZouZouZouZou

Payment Integration

Process course enrollment payments via Stripe or PayPal with subscriptions and invoices.

Community
Advanced
mecolejrmecolejr

invoice-generator

Generate React web app invoices and export pixel-perfect PDFs via Puppeteer.

Community
Advanced
sabahattinksabahattink
27

pdf-official

Generate PDFs from data or HTML templates using PDFKit or Puppeteer.

Community
Intermediate