スキル一覧に戻る
Yoshi-Dai-1

m3-expressive-visualizer

by Yoshi-Dai-1

0🍴 0📅 2026年1月25日
GitHubで見るManusで実行

SKILL.md


name: m3-expressive-visualizer description: Material 3 Expressiveに準拠し、指定された5つのパレット(Primary〜Quinary)を構成要素別に適用して決算グラフを描画します。

Material 3 Financial Visualizer Skill

1. 基本配色ルール (General Elements)

グラフの構成要素に応じて、以下の透過度とスタイルを適用する。

  • 棒グラフ (Bar): 各パレットの『棒用カラー』を使用。 opacity: 0.7
  • 線グラフ (Line): 各パレットの『線用カラー』を使用。 opacity: 1.0 (ベタ塗り), borderWidth: 2
  • 点 (Point): 線と同じ『線用カラー』を使用。 opacity: 1.0, radius: 3.5

2. カラーパレット定義

可視化する情報の優先順位(例:売上、営業利益、純利益の順など)に応じて、以下のパレットを選択して使用する。

パレット名棒用カラー (#)線用カラー (#)
Primary#E8B7BC#BD6970
Secondary#B1C9D6#5689A3
Tertiary#C0D1B5#74945E
Quaternary#DFCCB9#B18357
Quinary#D4C7D9#9B7BA6

3. 重要指標の例外ルール (Special: EPS/BPS)

EPS(1株当たり利益)および BPS(1株当たり純資産)のグラフは、棒のみの構成とする。

  • 適用カラー: その指標に割り当てられたパレットの『棒用カラー』および『線用カラー』のセットを使用。

4. デザイン・フィロソフィー

  • チャート(価格)ではなく、決算数値の推移(四半期・通期)を可視化することに特化する。
  • Material 3 Expressive の「ダイナミックな形状」と「一貫性のある色使い」を維持する。

スコア

総合スコア

40/100

リポジトリの品質指標に基づく評価

SKILL.md

SKILL.mdファイルが含まれている

+20
LICENSE

ライセンスが設定されている

0/10
説明文

100文字以上の説明がある

0/10
人気

GitHub Stars 100以上

0/15
最近の活動

3ヶ月以内に更新がある

0/10
フォーク

10回以上フォークされている

0/5
Issue管理

オープンIssueが50未満

+5
言語

プログラミング言語が設定されている

+5
タグ

1つ以上のタグが設定されている

0/5

レビュー

💬

レビュー機能は近日公開予定です