skills.rest
tann200
tann200COMMUNITY
Explore all skills by this author →
GitHub

invoice-generator

Generate React web invoices and export them as PDFs with Puppeteer.

Updated Mar 13, 2026
Search Tags:#invoice generation#Puppeteer#PDF export#React web app#invoice data collection
One-click install
npx skills add https://github.com/tann200/CodingAgent --skill invoice-generator-tann200
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: invoice-generator
Source: https://github.com/tann200/CodingAgent/tree/main/tui/.local/secondary_skills/invoice-generator
Command: npx skills add https://github.com/tann200/CodingAgent --skill invoice-generator-tann200

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires react, puppeteer, and includes scripts (resource) and assets (resource) components.

What problem does it solve?

This Skill solves the problem of creating and generating professional invoices, which can be challenging due to the need for detailed information and the complexities of tax calculations.

Core Features & Use Cases

  • Invoice Creation: Automatically generates React web-based invoices.
  • PDF Export: Converts the web invoices into pixel-perfect PDFs.
  • Data Entry: Assists in gathering necessary invoice details from the user.
  • Use Case: A small business owner needs to create an invoice for a client. This Skill helps gather the necessary information, build the invoice, and generate a PDF for the client.

Quick Start

Create a new invoice by providing the necessary details such as seller, client, line items, and 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 a PDF invoice from a React web app?▼

You can generate a PDF invoice from a React web app by using Puppeteer to export the React-rendered invoice into a high-fidelity, pixel-perfect PDF document.

What information do I need to create an invoice using React and Puppeteer?▼

Creating an invoice requires providing seller details, client information, line items, and payment terms so the Skill can properly gather and format the data for the React application.

Can I automate tax calculations when creating invoices with Puppeteer?▼

Automating tax handling and calculations is supported as part of the invoice generation workflow, simplifying the creation of professional invoices that require detailed tax information.

Does this invoice generation approach work for small business finance workflows?▼

This invoice generation approach works for business and finance workflows, making it suitable for a small business owner needing to create and export professional invoices for clients.

What's the best way to convert a web invoice to a high-fidelity PDF?▼

Converting a web invoice to a high-fidelity PDF is best achieved by using Puppeteer, which captures the React web application output and exports it as a pixel-perfect document.

Related Skills

Explore More Finance & Accounting Skills→
ouzayrouzayr

invoice-generator

Generate React invoice web apps with PDF exports via Puppeteer.

Community
Advanced
rezosndrezosnd

invoice-generator

Generate pixel-perfect invoice PDFs from structured billing data via Puppeteer.

Community
Advanced
PixoraftPixoraft

invoice-generator

Generate React invoice web apps with PDF export via Puppeteer.

Community
Advanced
hmzainjamilhmzainjamil
1

invoice-generator

Generate invoices with totals, taxes, and payment terms for DOCX or PDF output.

Community
Advanced