invoice

name: invoice description: | Professional invoice with line items, totals, tax, payment details, and branding. Use for "invoice", "billing", "receipt", "quote". triggers:

• "invoice"
• "billing"
• "receipt"
• "quote"
• "estimate" df: mode: prototype platform: desktop scenario: operations preview: type: html entry: index.html design_system: requires: true

Invoice Skill

Produce a professional invoice page.

Layout

• Letter/A4 sized wrapper (8.5×11in or A4 via CSS @page).
• Header: company logo (wordmark), invoice #, date, due date.
• From / To: two-column addresses.
• Line items: table — description, quantity, rate, amount.
• Totals: subtotal, tax, discount, total. Right-aligned.
• Payment info: bank details or payment link.
• Footer: thank you note, terms.

Rules

• Numbers in mono, right-aligned, 2 decimal places.
• Total in larger display font.
• Clean borders, subtle shading on header.
• Print-friendly: @media print hides any UI chrome.
• data-df-id on each line item row.

Output

Single index.html, inline CSS.