invoice
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 "发票".
Informations de source
- Dépôt
- nexu-io/open-design
- Dernière activité de la source
- 27 juillet 2026 à 14:02
- Langue détectée de SKILL.md
- anglais
- Étoiles
- 96 674
- Forks
- 11 234
Options d'installation
Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.
Vérifiez les fichiers source
Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.
Explorateur de fichiers
2 fichiersAffichage de SKILL.md
SKILL.md
Instructions source · Aperçu en lecture seule- 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>
```
Voir sur GitHub