---

name: invoice description: | A printable invoice page — sender + recipient block, line items table, tax breakdown, totals, and payment instructions. Use when the brief mentions "invoice", "bill", "billing statement", or "发票". triggers:

• "invoice"
• "bill"
• "billing statement"
• "发票"
• "账单" od: mode: prototype platform: desktop scenario: finance preview: type: html entry: index.html design_system: requires: true sections: [color, typography, layout, components] example_prompt: "Create an invoice from a freelance design studio billing a client for a brand identity project — three line items, 10% retainer, 9% sales tax."

---

Invoice Skill

Produce a single-page printable invoice.

Workflow

1. Read DESIGN.md.
2. 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.
3. Print stylesheet @media print to remove backgrounds.

Output contract

<artifact identifier="invoice-name" type="text/html" title="Invoice">
<!doctype html>...</artifact>