49 lines
1.4 KiB
Markdown
49 lines
1.4 KiB
Markdown
---
|
|
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>
|
|
```
|