Zakaria/open-design
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity
main
open-design/skills/invoice/SKILL.md
Zakaria a46764fb1b
Some checks failed
ci / Validate workspace (push) Has been cancelled
Details
landing-page-ci / Validate landing page (push) Has been cancelled
Details
landing-page-deploy / Deploy landing page (push) Has been cancelled
Details
github-metrics / Generate repository metrics SVG (push) Has been cancelled
Details
first-commit
2026-05-04 14:58:14 -04:00

1.4 KiB
Raw Permalink Blame History

name description triggers od
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 "发票".
invoice
bill
billing statement
发票
账单
mode platform scenario preview design_system example_prompt
prototype desktop finance
type entry
html index.html
requires sections
true
color
typography
layout
components
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>