mcpField
F
finance-report

finance-report

github.com/nexu-ioドキュメント104.9k239 回インストール今日更新
リポジトリ

finance-report について

finance-reportは、1画面の財務レポートを単独で動作するHTMLとして作成するスキルです。KPI、チャート、表の構成を定め、適用中のDESIGN.mdのトークンに沿ってスタイルを設定します。

主な機能

  1. 01単一HTMLファイルの財務レポート生成
  2. 02売上、MRR、粗利率、資金繰り期間の表示
  3. 03売上推移とコストのチャート作成
  4. 04損益と主要顧客の表の掲載
  5. 05DESIGN.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 つで作成します。

ワークフロー

  1. アクティブな DESIGN.md を読みます。 テーブル、KPI カード、チャートの線にはパレットトークンを使用し、新しいものを考案しないでください。
  2. 分類：依頼内容から期間（月次／四半期／年次）と対象（スタートアップ、部門、プロジェクト）を分類します。指定がない場合は、四半期ごとの SaaS レポートと仮定し、もっともらしい数値を選びます。
  3. 次の順序でページをレイアウトします。
    • マストヘッド：会社名／期間／「Confidential — Finance」バッジ。
    • 見出しの KPI ストリップ（4 枚のカード）：売上高、新規純 MRR、粗利益率、現金ランウェイ。
    • 売上高推移チャート（インライン SVG の線＋面）。
    • コスト内訳チャート（インライン SVG の棒グラフ）と 2～3 項目の箇条書きキャプション。
    • 損益サマリーテーブル（売上高／粗利益／営業費用／純利益）に当期と前期を表示。
    • 主要顧客テーブル：ロゴのプレースホルダー、プラン、ARR、ステータスバッジ。
    • 見通しの段落と、作成者名＋署名欄を含むフッター。
  4. 作成：インラインの <style> ブロックに CSS を記述した、自己完結型の HTML ドキュメントを 1 つ作成します。
  5. 自己チェック：すべての数値がラベル付きのチャートまたはテーブルと整合していること、差分に増減の方向と割合が示されていること、アクセントカラーの使用が 2 回以内であることを確認します。

出力仕様

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

コメント

Markdown 対応