/ ディレクトリ / プレイグラウンド / paperbanana-skill
● コミュニティ PlutoLei ⚡ 即起動

paperbanana-skill

作者 PlutoLei · PlutoLei/paperbanana-skill

プロンプトから出版品質の学術図表(アーキテクチャ図、学習曲線、システム概略図など)をPaperBanana スタイルで生成します。

学術論文用の図表作成における PaperBanana ワークフローをラップした Claude Code スキルです。TikZ や Inkscape と格闘する代わりに、図の内容を記述するだけで、論文にふさわしいビジュアル文法(クリーンなタイポグラフィ、統一された矢印、派手な配色の排除)を備えた出版可能な SVG/PDF 出力が得られます。

なぜ使うのか

主な機能

ライブデモ

実際の動作

paperbanana-skill.replay ▶ 準備完了
0/0

インストール

クライアントを選択

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "paperbanana-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/PlutoLei/paperbanana-skill",
        "~/.claude/skills/paperbanana-skill"
      ],
      "_inferred": true
    }
  }
}

Claude Desktop → Settings → Developer → Edit Config を開く。保存後、アプリを再起動。

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "paperbanana-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/PlutoLei/paperbanana-skill",
        "~/.claude/skills/paperbanana-skill"
      ],
      "_inferred": true
    }
  }
}

Cursor は Claude Desktop と同じ mcpServers スキーマを使用。プロジェクト設定はグローバルより優先。

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "paperbanana-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/PlutoLei/paperbanana-skill",
        "~/.claude/skills/paperbanana-skill"
      ],
      "_inferred": true
    }
  }
}

Cline サイドバーの MCP Servers アイコンをクリックし、"Edit Configuration" を選択。

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "paperbanana-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/PlutoLei/paperbanana-skill",
        "~/.claude/skills/paperbanana-skill"
      ],
      "_inferred": true
    }
  }
}

Claude Desktop と同じ形式。Windsurf を再起動して反映。

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "paperbanana-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/PlutoLei/paperbanana-skill",
        "~/.claude/skills/paperbanana-skill"
      ]
    }
  ]
}

Continue はマップではなくサーバーオブジェクトの配列を使用。

~/.config/zed/settings.json
{
  "context_servers": {
    "paperbanana-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/PlutoLei/paperbanana-skill",
          "~/.claude/skills/paperbanana-skill"
        ]
      }
    }
  }
}

context_servers に追加。保存時に Zed がホットリロード。

claude mcp add paperbanana-skill -- git clone https://github.com/PlutoLei/paperbanana-skill ~/.claude/skills/paperbanana-skill

ワンライナー。claude mcp list で確認、claude mcp remove で削除。

ユースケース

実用的な使い方: paperbanana-skill

学会論文用のモデルアーキテクチャ図を作成する

👤 ML 研究者、論文執筆中の大学院生 ⏱ ~30 min intermediate

使うタイミング: 締切まであと5日、まだきれいなアーキテクチャ図ができていないとき。

前提条件
  • スキルのインストール — git clone https://github.com/PlutoLei/paperbanana-skill ~/.claude/skills/paperbanana-skill
フロー
  1. モデルを記述する
    Use paperbanana-skill. Architecture figure: input → tokenizer → transformer stack (6 layers) → classifier head. Use the skill's default paper style.✓ コピーしました
    → クリーンなボックス、矢印、統一されたタイポグラフィを備えた SVG
  2. 微調整する
    Label the transformer block internals — attention + FFN.✓ コピーしました
    → サブブロックの詳細が追加された更新図
  3. LaTeX 用にエクスポートする
    Export as PDF sized for a two-column paper.✓ コピーしました
    → 正しいアスペクト比の PDF

結果: Inkscape で1週間費やすことなく、査読者に見せられる品質の図が完成します。

注意点
  • 図が過度に装飾される — 控えめを心がける。アクセントカラーは1色、矢印は黒、余白を十分に取る
組み合わせ: filesystem

学習ログを出版品質のプロットに変換する

👤 wandb/tensorboard のエクスポートデータを持つ ML 研究者 ⏱ ~20 min beginner

使うタイミング: 学習メトリクスの CSV があり、論文用の図が必要なとき。

フロー
  1. CSV を入力する
    Use paperbanana-skill. Plot loss and accuracy curves from training.csv in two-panel layout.✓ コピーしました
    → クリーンな軸を持つ2パネル図
  2. ベースラインを追加する
    Overlay the baseline model's curves (baseline.csv) as dashed.✓ コピーしました
    → 明確な凡例付きでオーバーレイが追加される

結果: 論文の美的基準に合致するプロットが完成します。

論文内の全図表のビジュアルを統一する

👤 6つ以上の図がスタイル不統一になっている著者 ⏱ ~45 min intermediate

使うタイミング: 論文を見返して、各図のフォントがバラバラだと気づいたとき。

フロー
  1. スタイルを定義する
    Use paperbanana-skill. Create a shared style: 10pt sans-serif, #1f77b4 primary, black stroke 0.8pt.✓ コピーしました
    → スタイルファイルが保存される
  2. 全図に適用する
    Regenerate figures 1-6 using this style.✓ コピーしました
    → 統一されたバッチ出力

結果: 同一論文に属していることが一目でわかる統一感のある図表群が完成します。

組み合わせ: filesystem

組み合わせ

他のMCPと組み合わせて10倍の力を

paperbanana-skill + filesystem

論文の /figures ディレクトリに図を整理する

Save all figures under paper/figures/ with source.svg + out.pdf per figure.✓ コピーしました
paperbanana-skill + mermaid-skill

カジュアルな図には Mermaid を、出版品質には PaperBanana を使い分ける

Sketch in Mermaid for discussion; produce with PaperBanana for camera-ready.✓ コピーしました

ツール

このMCPが提供する機能

ツール入力呼び出すタイミングコスト
architecture_diagram description システム構成図の作成時 0
plot_curves data file, metrics 学習・評価メトリクスの可視化時 0
apply_style style file, figures 図表間のスタイル統一時 0

コストと制限

運用コスト

APIクォータ
なし
呼び出しあたりのトークン
中程度
金額
無料
ヒント
スタイルを一度確定させ、全図に適用することで再検討のコストを避けられます。

セキュリティ

権限、シークレット、影響範囲

認証情報の保管: なし
データ送信先: スキルからのデータ送出なし

トラブルシューティング

よくあるエラーと対処法

エクスポートした PDF が LaTeX で正しいフォントで表示されない

フォントを埋め込むか、標準の PDF フォントファミリーを使用してください。PaperBanana のエクスポート設定を確認してください

SVG がブラウザと LaTeX で異なる表示になる

LaTeX には PDF を使用し、SVG はウェブ・スライド用にしてください

代替案

paperbanana-skill 他との比較

代替案代わりに使う場面トレードオフ
TikZ / PGFPlots完全な LaTeX 統合が必要で、TikZ に習熟している場合学習コストが高い
mermaid-skillカジュアルなドキュメント用途で、出版品質が不要な場合出版品質の美的基準には達しない

その他

リソース

📖 GitHub の公式 README を読む

🐙 オープンな issue を見る

🔍 400以上のMCPサーバーとSkillsを見る