mcpField
F
finance-report

finance-report

github.com/nexu-io文档处理104.9k239 次安装今天更新
代码仓库

关于 finance-report

finance-report 是面向财务报告制作的 Skill，可根据简报生成单屏、独立 HTML 财务报告。它规定了 KPI、图表和表格的固定布局，并要求遵循 DESIGN.md 的设计令牌。

主要功能

  1. 01生成单文件 HTML 财务报告
  2. 02展示收入、MRR、毛利率和现金跑道
  3. 03绘制收入趋势与成本图表
  4. 04呈现损益和重点客户表格
  5. 05按 DESIGN.md 令牌设定样式

适用场景

  1. 01制作季度 SaaS 财务报告
  2. 02汇总收入、成本与损益
  3. 03呈现重点客户及其 ARR 状态

安装

复制下面的命令，在终端中运行。

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

安装后在 Claude Code 中输入/finance-report确认已加载。

附带文件example.html

详细介绍

财务报告技能

生成一份单屏财务报告，内容包含在一个独立的 HTML 文件中。

工作流

  1. 阅读当前生效的 DESIGN.md。 表格、KPI 卡片和图表线条使用调色板令牌 — 切勿自行创建新令牌。
  2. 根据简报分类报告周期（月度 / 季度 / 年度）和实体（初创公司、事业部、项目）。如果未指定，则假设为 SaaS 季度报告，并选用可信的数字。
  3. 按以下顺序布局页面：
    • 报头：公司 / 周期 /“机密 — 财务”徽章。
    • 核心 KPI 栏（4 张卡片）：收入、净新增 MRR、毛利率、现金可支撑月数。
    • 收入趋势图（内嵌 SVG 折线图 + 面积图）。
    • 成本细分图（内嵌 SVG 柱状图），并附 2–3 条项目符号说明。
    • 损益摘要表（收入 / 毛利 / 运营费用 / 净额），包含本期与上期数据。
    • 主要客户表，包含 Logo 占位符、套餐、ARR、状态徽章。
    • 展望段落 + 页脚，包含作者和签名栏。
  4. 编写一份独立的 HTML 文档（CSS 放在一个内嵌的 <style> 块中）。
  5. 自检：每个数字都必须对应带标签的图表或表格；变化量须标明方向和百分比；强调色最多使用两次。

输出约定

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

评论

支持 Markdown