{"id":50662415,"url":"https://github.com/kitepon-rgb/claude-image-tools","last_synced_at":"2026-06-08T03:10:25.710Z","repository":{"id":362257402,"uuid":"1221578964","full_name":"kitepon-rgb/claude-image-tools","owner":"kitepon-rgb","description":"Operations hub for image-generation MCPs and Skills (openai-image / claude-mermaid / excalidraw / Anthropic Skills) — Windows","archived":false,"fork":false,"pushed_at":"2026-06-03T09:24:28.000Z","size":758,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-06-03T11:13:26.165Z","etag":null,"topics":["ai-tools","anthropic","anthropic-skills","claude-code","developer-tools","excalidraw","generative-ai","gpt-image","image-generation","mcp","mcp-server","mermaid","openai","windows"],"latest_commit_sha":null,"homepage":"https://docs.claude.com/en/docs/claude-code/overview","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kitepon-rgb.png","metadata":{"files":{"readme":"README.ja.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-04-26T12:06:52.000Z","updated_at":"2026-06-03T09:24:50.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/kitepon-rgb/claude-image-tools","commit_stats":null,"previous_names":["kitepon-rgb/claude-image-tools"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/kitepon-rgb/claude-image-tools","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kitepon-rgb%2Fclaude-image-tools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kitepon-rgb%2Fclaude-image-tools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kitepon-rgb%2Fclaude-image-tools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kitepon-rgb%2Fclaude-image-tools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kitepon-rgb","download_url":"https://codeload.github.com/kitepon-rgb/claude-image-tools/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kitepon-rgb%2Fclaude-image-tools/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34046159,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-08T02:00:07.615Z","response_time":111,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai-tools","anthropic","anthropic-skills","claude-code","developer-tools","excalidraw","generative-ai","gpt-image","image-generation","mcp","mcp-server","mermaid","openai","windows"],"created_at":"2026-06-08T03:10:20.274Z","updated_at":"2026-06-08T03:10:25.702Z","avatar_url":"https://github.com/kitepon-rgb.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\".github/og.png\" alt=\"claude-image-tools — 画像生成 MCP / Skill を一箇所に\" width=\"100%\"\u003e\n\u003c/p\u003e\n\n# claude-image-tools\n\n[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](LICENSE)\n[![Platform: Windows](https://img.shields.io/badge/platform-Windows-0078D4.svg)](#quick-start-windows)\n[![Claude Code](https://img.shields.io/badge/Claude%20Code-MCP%20%26%20Skills-7C3AED.svg)](https://claude.com/claude-code)\n\n[English](README.md) · **日本語**\n\n\u003e **Claude Code での画像生成を一箇所に — お願いするだけ。**\n\u003e Claude Code から呼べる画像生成ツール（MCP / Skill）を **Windows で一気に揃える** ための運用ハブ。OG バナー・ダイアグラム・ポスター・GIF を「Claude にお願いするだけ」で出せる状態に整える。\n\n## 30 秒で何が手に入るか\n\nClaude Code に頼める内容と、裏で動くツール:\n\n| 言ったこと | 動くツール | 出てくるもの |\n|---|---|---|\n| 「OG バナー作って、中央に \"Caveat\" の日本語タイトル」 | `openai-image` (gpt-image-2) | 1024×1024 〜 1536×1024 PNG（日本語の文字描画が崩れない） |\n| 「3 ノードのアーキ図、手書き風で」 | `excalidraw` MCP | 編集可能な excalidraw シーン + PNG export |\n| 「フローチャート: A → B → C」 | `claude-mermaid` MCP | Mermaid 図のライブプレビュー + PNG/SVG |\n| 「Caveat 用ポスター、レイアウト凝って」 | Anthropic Skill `canvas-design` | 印刷品質 PNG/PDF |\n| 「Slack 用に 3 秒の祝いアニメ GIF」 | Anthropic Skill `slack-gif-creator` | 100KB 以下の最適化済み GIF |\n| 「コード生成アート、p5.js で」 | Anthropic Skill `algorithmic-art` | パラメタ可変のジェネレ作品 |\n\n## 構成\n\n```mermaid\nflowchart LR\n    user([User]) --\u003e cc[Claude Code]\n    cc --\u003e|\"テキスト→画像\u003cbr/\u003e(日本語タイポ強)\"| openai[openai-image MCP\u003cbr/\u003egpt-image-2]\n    cc --\u003e|\"手書き風ダイアグラム\"| excal[excalidraw MCP]\n    cc --\u003e|\"Mermaid 図\"| mermaid[claude-mermaid MCP]\n    cc --\u003e|\"印刷品質 / アート / GIF\"| skills[Anthropic Skills\u003cbr/\u003ecanvas-design / algorithmic-art\u003cbr/\u003eslack-gif-creator]\n    openai --\u003e out[(Pictures/claude-generated/)]\n    excal --\u003e out\n    mermaid --\u003e out\n    skills --\u003e out\n```\n\n## 似た選択肢との違い\n\n| アプローチ | 良い点 | このリポジトリの違い |\n|---|---|---|\n| 単独 MCP（`openai-image` だけ等）を入れる | シンプル | 用途別に最適なツールを揃え、**Claude が場面ごとに選べる** |\n| ChatGPT / Midjourney の Web UI | 即使える | エディタを離れずに **生成 → 配置 → コミット** が一本で繋がる |\n| `gpt-image` を直接 API で叩く | 自由 | 構成図 / 手書き風 / GIF / 印刷レイアウト等、**画像種別ごとに別ツール** を呼び分けてくれる |\n\n## Quick start (Windows)\n\n\u003e **前提**: Claude Code、Node.js、Python (uv)、`OPENAI_API_KEY` を Windows ユーザー環境変数に登録済み。\n\n```powershell\n# 1. openai-image MCP (gpt-image-2)\nuv tool install openai-gen-image-mcp\nclaude mcp add --scope user openai-image `\n  -e OPENAI_API_KEY=$env:OPENAI_API_KEY `\n  -- C:/Users/\u003cyour-username\u003e/.local/bin/openai-gen-image-mcp.exe\n\n# 2. claude-mermaid (Mermaid 図)\nnpm install -g claude-mermaid\nclaude mcp add --scope user mermaid -- claude-mermaid\n\n# 3. excalidraw MCP (手書き風ダイアグラム)\ngit clone https://github.com/yctimlin/mcp_excalidraw\ncd mcp_excalidraw\nnpm install; npm run build\nclaude mcp add --scope user excalidraw -- node \"$PWD/dist/index.js\"\n# 利用時は別プロセスで起動: npm run canvas (port 3000)\n\n# 4. Anthropic Skills 一括導入\nclaude plugin install example-skills@anthropic-agent-skills\n```\n\n\u003e `\u003cyour-username\u003e` は自分の Windows アカウント名（`%USERNAME%` の値）に置き換える。\n\n接続確認:\n\n```bash\nclaude mcp list\n# excalidraw / openai-image / mermaid が ✓ Connected で並べば成功\n```\n\n## 動作確認プロンプト\n\n新しい Claude Code セッションで投げる。`\u003cyour-username\u003e` は自分の Windows\nアカウント名に置き換えるか、`output_path` を書き込み可能な任意のフォルダ\n（例: `~/Pictures/claude-generated/`）に向ける:\n\n```\nopenai-image MCP で 1024x1024 の画像を生成して。\nプロンプトは「a small cute cat sitting on a wooden table, soft lighting」。\noutput_path は C:/Users/\u003cyour-username\u003e/Pictures/claude-generated/test-cat.png\n```\n\n```\n1200x630 の画像を作って。中央に大きく \"Caveat\" の文字、\n下に小さく \"罠を記録する OSS\" の日本語、背景は深い青のグラデーション。\noutput_path は C:/Users/\u003cyour-username\u003e/Pictures/claude-generated/test-og.png\n```\n\n日本語の文字が崩れずに描画されれば成功。\n\n## Windows ならではの罠（要対処）\n\nこのスタックは upstream パッケージを Windows で動かすために、**いくつかの手書きパッチを当てている**。詳細とパッチ箇所は [CLAUDE.md](CLAUDE.md) のチェックリストを参照。代表症状:\n\n- `mermaid_preview` で `spawn npx ENOENT` → `claude-mermaid` の `spawn` 系を `cmd.exe /c` 経由に書き換え\n- `openai-image` が起動直後に落ちる → API キーは Claude Code 設定経由で渡す（環境変数の伝播タイミング問題）\n- `excalidraw` の `export_to_image` で path 拒否 → CWD 配下にしか書けない、`EXCALIDRAW_EXPORT_DIR` で許可ベース変更可\n\n\u003cdetails\u003e\n\u003csummary\u003eOpenAI 課金まわりのよくある詰まり\u003c/summary\u003e\n\n- **ChatGPT Plus と従量課金は別の財布**: Plus に入っていても画像生成 API は使えない\n- `gpt-image-2` は **OpenAI 組織の本人確認が必須**: 未確認だと 403、反映に最大 15 分\n- 残高ゼロは `billing_hard_limit_reached` で 400 → billing コンソールで残高確認\n\n\u003c/details\u003e\n\n\u003cdetails\u003e\n\u003csummary\u003eこのリポジトリの設計判断\u003c/summary\u003e\n\n- **コードは置かない**: アプリケーションコードはここにない。MCP / Skill の運用ハブとしてのみ機能する\n- **upstream への push back**: 罠の根本治療は各 upstream への PR / Issue（記録は `caveat` MCP に蓄積）\n- **メタ的に dogfood**: この repo の OG バナー自体、`openai-image` MCP で生成している\n\n\u003c/details\u003e\n\n## 出力先\n\n生成画像のデフォルト保存先は `C:\\Users\\\u003cyour-username\u003e\\Pictures\\claude-generated\\`。新しいツールを追加する時もここに揃える。\n\n## コントリビュート\n\nIssue / PR 歓迎。このハブが記録している罠はいずれも upstream のバグなので、\n**根本治療は upstream への修正が優先** — 該当パッケージ（`claude-mermaid` /\n`mcp_excalidraw` / `openai-gen-image-mcp`）に PR / Issue を立て、ここにリンク\nしてもらえればワークアラウンドを撤去できる。\n\n## ライセンス\n\n[MIT](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkitepon-rgb%2Fclaude-image-tools","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkitepon-rgb%2Fclaude-image-tools","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkitepon-rgb%2Fclaude-image-tools/lists"}