mcpField
F
finance-report

finance-report

github.com/nexu-ioDocuments104.9k239 installsUpdated today
Repository

About finance-report

finance-report is a skill for producing single-screen financial reports as self-contained HTML. It specifies a report structure with KPIs, charts, and tables, and follows the active DESIGN.md tokens.

Key features

  1. 01Generate a single-file HTML financial report
  2. 02Show revenue, MRR, gross margin, and cash runway
  3. 03Create revenue trend and cost charts
  4. 04Present P&L and top-account tables
  5. 05Style reports using DESIGN.md tokens

Use cases

  1. 01Create a quarterly SaaS finance report
  2. 02Summarize revenue, costs, and profit and loss
  3. 03Present key accounts and their ARR status

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nexu-io/open-design --skill finance-report

After installing, type/finance-reportin Claude Code to confirm it loaded.

Bundled filesexample.html

Details

From the project README

Finance Report Skill

Produce a single-screen financial report in one self-contained HTML file.

Workflow

  1. Read the active DESIGN.md. Tables, KPI cards, and chart strokes use palette tokens — never invent new ones.
  2. Classify the period (monthly / quarterly / yearly) and entity (startup, division, project) from the brief. If unspecified, assume a quarterly SaaS report and pick believable numbers.
  3. Layout the page in this order:
    • Masthead: company / period / "Confidential — Finance" badge.
    • Headline KPI strip (4 cards): Revenue, Net new MRR, Gross margin, Cash runway.
    • Revenue trend chart (inline SVG line + area).
    • Cost breakdown chart (inline SVG bar) with a 2–3 bullet caption.
    • P&L summary table (Revenue / Gross profit / Opex / Net) with current vs prior period.
    • Top accounts table with logo placeholders, plan, ARR, status badge.
    • Outlook paragraph + footer with author + signature line.
  4. Write one self-contained HTML doc (CSS in one inline <style> block).
  5. Self-check: every number ties to a labelled chart or table; deltas show direction and percentage; accent colour used at most twice.

Output contract

<artifact identifier="finance-report-q3" type="text/html" title="Q3 Finance Report">
<!doctype html>
<html>...</html>
</artifact>

Comments

Markdown supported