skills.rest
Mo7amed-Mahmoud
Mo7amed-MahmoudCOMMUNITY
Explore all skills by this author →
GitHub

invoice-generator

Generate invoices as HTML pages or React artifacts with browser-based PDF export.

Updated Apr 18, 2026
Search Tags:#template#pdf#html#react#billing#invoice#data-entry
One-click install
npx skills add https://github.com/Mo7amed-Mahmoud/ZeinaGuard-Pro --skill invoice-generator-mo7amed-mahmoud
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: invoice-generator
Source: https://github.com/Mo7amed-Mahmoud/ZeinaGuard-Pro/tree/main/.local/secondary_skills/invoice-generator
Command: npx skills add https://github.com/Mo7amed-Mahmoud/ZeinaGuard-Pro --skill invoice-generator-mo7amed-mahmoud

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate professional invoices efficiently by producing HTML pages or React artifacts that can be printed to PDF, ensuring consistent branding and data integrity. The page should serve as the single source of truth; the printed PDF is a browser print of that page. The tool also provides guidance for collecting seller, client, and line-item data, and supports a no-headless-chromium approach on constrained platforms.

Core Features & Use Cases

  • Generate invoices as standalone HTML pages or React artifacts with browser-based PDF export.
  • Built-in guidance for collecting seller/client data, line items, dates, and tax details to produce professional invoices.
  • Two implementation approaches: a pure HTML/template-driven path and a React component path for integration.

Quick Start

Provide complete seller, client, and line-item details to generate the invoice as an HTML page ready for PDF export.

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 HTML invoice with PDF export?▼

To generate an HTML invoice with PDF export, provide complete seller, client, and line-item details to produce a standalone HTML page, then use your browser's print function to export the page as a PDF.

Can I create a React invoice component for billing applications?▼

Yes, you can create a React invoice component for billing applications. The tool provides a React component path that generates itemized invoice artifacts with seller and client data, dates, and taxes for integration into your existing web app.

Do I need a headless browser to generate invoice PDFs?▼

No, you do not need a headless browser to generate invoice PDFs. The tool uses a no-headless-chromium approach where the generated HTML page serves as the single source of truth and the printed PDF is simply a browser print of that page.

What data is required to generate a professional branded invoice?▼

Generating a professional branded invoice requires collecting seller and client data, itemized line items, dates, and tax details. Providing this complete billing data ensures consistent branding and data integrity across the final HTML or React output.

What is the best way to create itemized invoices without server-side PDF libraries?▼

The best way to create itemized invoices without server-side PDF libraries is using a parameter-driven HTML template that renders all billing data in the browser, allowing you to export the finished page directly to PDF via the browser's native print capabilities.

Related Skills

Explore More Finance & Accounting Skills→
binan-makerbinan-maker

invoice-generator

Generate printable HTML or React invoices with PDF export.

Community
Advanced
soq123soq123

invoice-generator

Generate HTML or React invoices with browser-based PDF export.

Community
Advanced
kvm9-devkvm9-dev

invoice-generator

Generate print-ready HTML or React invoices with URL-parameter fields.

Community
Intermediate
soofi-xyzsoofi-xyz
2

build-html-to-pdf

Generate PDFs from HTML templates using Playwright and Chromium on AWS Lambda.

Official
Intermediate