Eyecatch Forge — ブランド一貫アイキャッチ / OGP画像 生成キット（ローカル完結・ゼロコスト）

ブランド統一のアイキャッチが、 3 分で 8 枚 — 全部そろう

たくさん出す人ほど、毎回アイキャッチ / OGP 画像が要ります。そして毎回、汎用の画像生成 AI は微妙に違う仕上がりを返してきます——色が違う、レイアウトが違う。ブログや商品ラインナップのアイキャッチに本当に必要なのは「毎回違う面白い絵」ではなく、並べたときに一目で自分のブランドだと分かる一貫性です。

Eyecatch Forge は、色・フォント・ロゴを config に 1 回固定し、そこから生成します。タイトルを打ち、テンプレートとサイズを選ぶだけで、毎回同じトーンの PNGが手に入ります。タイトルを複数渡せば一括生成。 1 本目も 50 本目も、同じトーンで揃います。

（エンジニア向けに言えば：ブランドを「都度プロンプトで頼む」のでなく「トークンとして 1 回宣言し、決定論的にビルドする」= brand as code です。）

「 AI で画像生成」ではない — そこが肝

Claude の中で動く — 貼るだけ

index.html は外部依存ゼロ（ CDN ・ Web フォント・ API ・ fetch を一切使わない）。だから、この単一ファイルを Claude の Artifact に貼り付けるだけで、その場でツールがフル動作します。タイトル入力→プレビュー→ PNG ダウンロードまで、チャットの中で完結、インストール不要。もちろんローカルで index.html をダブルクリックしても同じように動きます（オフライン可）。

▶ 購入前に無料デモを試せます（登録不要・その場で動きます）:

https://eyecatch-forge-demo.pages.dev

中身

• 3 種のテンプレート（ Dark / Light / Gradient）。各テンプレは SVG を返す純関数で、 1 つ登録を足せば自分のテンプレを追加できる
• 4 種のサイズプリセット — OGP（ 1200 × 630）/ note（ 1280 × 670）/ 正方形（ 1080 × 1080）/ X header（ 1500 × 500）
• ローカル PNG 書き出し — ブラウザの <canvas> だけで完結。外部サービス不使用、日本語も正しく描画
• ブランドトークン（色 6 種＋ロゴ文字）を画面上で調整、 localStorage に保存
• バッチ生成 — タイトルを複数行渡すと、その数だけ連続で PNG 書き出し
• 3 ドキュメント： README 、 SETUP（ PNG 書き出しの仕組み・トラブルシューティング）、 CUSTOMIZE（全トークン解説・テンプレ追加方法）
• ビルド不要。素の HTML/CSS/JS 。オフライン動作

誰向けか

• 記事や商品を定期的に出す、ブロガー・個人開発者（毎回ブランド統一のアイキャッチが要る人）
• AI に毎回プロンプトを打ち直すのでなく、再現可能でコードで管理できるアイキャッチのパイプラインが欲しい人
• これを土台に自分の画像生成ツールを作りたい人（自分で所有・拡張できるボイラープレート）

逆に「毎回サプライズな 1 点物の AI アート」が欲しい人には不向きです。これは一貫した・再現可能なブランド表現のための商品です。

ライセンス / 商用利用

ボイラープレートとしての販売です。買い手はこれを土台に構築し、生成した画像を制限なく商用利用できます（ブログ・商品・ SNS）。ただし本ボイラープレート自体をそのまま再配布・再販することは禁止です。詳細は同梱 LICENSE.txt（英語・日本語併記）をご確認ください。