Invoice Skill
SkillMediaInvoice is a skill that guides an AI agent to build a single-page printable invoice as HTML. It produces a sender and recipient block, a line items table, a tax breakdown with totals, and payment instructions, following a design system file and applying 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 system file (DESIGN.md) covering color, typography, layout, and components, since the skill requires one.
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 carrying brand, invoice number, date, an
- Adds From and Bill to columns with sender and recipient addresses
- Creates a line items table with description, qty, unit, and amount columns
- Produces a right-aligned totals block with subtotal, retainer, tax, and total due
- Includes payment instructions covering bank, wire, and ACH
- Applies a print stylesheet that removes backgrounds for clean printing
Getting started
- Have a design system file (DESIGN.md) covering color, typography, layout, and components, since the skill requires one.
- Add the invoice skill to your agent's available skills.
- Ask the agent for an invoice, mentioning words like invoice, bill, billing statement, or 发票 to trigger it.
- Receive the result as a single HTML artifact you can open or print.
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
Others that do the same job
Questions
- When should the agent use this skill?
- When the brief mentions "invoice", "bill", "billing statement", or "发票". It also triggers on "账单".
- What does the output look like?
- A single-page HTML invoice artifact with a brand band, sender and recipient block, line items table, totals with tax, payment instructions, and a thank-you note with signature line.
- Does it need a design system?
- Yes. The skill requires a design system file (DESIGN.md) with color, typography, layout, and components sections, and reads it before laying out the page.
Advanced
- Item type
- skill
- Key
invoice-2- Source
- github.com/nexu-io/open-design