By 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
- 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>