Claude MarketplacesSubmit
nexu-io avatar

Invoice

nexu-io/open-design

Generates a print-ready HTML invoice with all the standard pieces: sender and recipient blocks, itemized line items table, subtotal with tax and retainer calculations, and payment instructions at the bottom. The layout is two-column for addresses, right-aligned for totals, and includes a print stylesheet to strip backgrounds when you send it to PDF. Triggers on "invoice", "bill", or the Chinese equivalents. It's built for desktop prototype mode and expects you to feed it a design system so the typography and colors match your brand. Useful when a client asks for a billing page and you want something cleaner than exporting from accounting software.

skills.sh installs
248
GitHub stars
106.9K
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add nexu-io/open-design --skill invoice --agent claude-code

Installs into .claude/skills of the current project.

Files

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>
SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/nexu-io/open-design
Categories
Design & UI/UX, Finance & Trading
First seen
Jun 3, 2026

More from nexu-io/open-design

All 217

Recommended

More Design & UI/UX
1nexu-io avatarblog-postnexu-io/open-designA long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief 245skills.sh installs
2oil-oil avatarcitycraftoil-oil/citycraftCreate a bold, visually striking landing page — unconventional layouts, GSAP scroll animations, SVG elements, clip-path dividers, real depth and layering. Use t244skills.sh installs
3community-access avatarreport-generationcommunity-access/accessibility-agentsFormat accessibility audit reports with severity scoring (0-100, A-F grades), scorecard computation, and compliance exports including VPAT/ACR and remediation p242skills.sh installs
4nexu-io avatarfinance-reportnexu-io/open-designQuarterly / monthly financial report — masthead with KPIs, revenue and burn charts, P&L summary table, top-line highlights, and an outlook paragraph. Use when t240skills.sh installs
5nexu-io avatardigital-eguidenexu-io/open-designA two-spread digital e-guide preview — page 1 is a cover (display title, author, "What's inside" stats, table of contents teaser); page 2 is a spread (lesson bo239skills.sh installs
6modu-ai avatarmoai-domain-uiuxmodu-ai/moai-adkUI/UX design systems specialist covering accessibility, icons, theming, design tokens, and user experience patterns. Use when working on design systems, WCAG co238skills.sh installs