Invoice Skill
SkillMediaInvoice is a skill that guides an AI agent to build a single-page printable invoice as an HTML page. It covers a sender and recipient block, a line items table, tax breakdown, totals, and payment instructions, and applies a print stylesheet so the page prints cleanly without backgrounds.
Available today. Use it from your connected AI after setup.
No other account needed.
Have a DESIGN.md file available, since the skill requires a design system covering color, typography, layout, and components.
Then ask your AI: use the Invoice Skill skill
What your AI can do with it
- Builds a single-page HTML invoice with a top band showing the sender brand, invoice number
- Lays out From and Bill-to columns with addresses, plus a project reference and payment-ter
- Creates a line items table with description, quantity, unit, and amount columns
- Produces a right-aligned totals block covering subtotal, retainer, tax, and total due
- Includes payment instructions for bank, wire, and ACH, plus a thank-you note and signature
- Applies an @media print stylesheet that removes backgrounds for clean printing
Getting started
- Have a DESIGN.md file available, since the skill requires a design system covering color, typography, layout, and components.
- Add the invoice skill to the agent's available skills.
- Ask the agent for an invoice, or mention "invoice", "bill", "billing statement", or "发票" in the brief to trigger it.
- Provide the billing details, such as sender and recipient information, line items, tax rate, and payment terms.
- Receive the invoice as a text/html artifact and print or share it as needed.
What this skill tells your AI
The instructions your AI receives, as published by nexu-io/open-design in design-templates/invoice/SKILL.md and read by ahel’s review.
Produce a single-page printable invoice.
Workflow
- Read DESIGN.md.
- Layout:
- Top band: studio brand on the left, "INVOICE" + number + date + due date on the right.
- Two columns: From (sender) / Bill to (recipient) with addresses.
- Project ref + payment-terms strip.
- Line items table: description / qty / unit / amount.
- Right-aligned totals block: subtotal, retainer, tax, total due.
- Payment instructions (bank, wire, ACH).
- Thank-you note + signature line.
- Print stylesheet @media print to remove backgrounds.
Output contract
<artifact identifier="invoice-name" type="text/html" title="Invoice">
<!doctype html>...</artifact>
Signals
- GitHub stars
- 98k
- Forks
- 11k
- Last commit
- Sep 2026
- Hacker News mentions
- 20
Questions
- What does the skill need before it can run?
- It requires a design system file (DESIGN.md) with sections for color, typography, layout, and components, which it reads before laying out the invoice.
- What format is the output?
- A single-page HTML artifact titled "Invoice", with an identifier based on the invoice name.
- What words trigger this skill?
- Briefs mentioning "invoice", "bill", "billing statement", "发票", or "账单".
Advanced
- Catalog kind
- skill
- Key
invoice-2- Source
- github.com/nexu-io/open-design