--- 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 ``` ... ```