Vibeコーディングで
"ゾーン" が続く

URLで最適なプレースホルダーを画像生成しキャッシュ。
Vibeコーダーのための画像APIマイクロサービス。

index.html
1<div class="hero">
2 <h1>Cyber City</h1>
3 <img src="/i?text=cyberpunk_city" />
4</div>
AI Generated Cyberpunk City Generated by AI

まだ "グレーの四角" で消耗してる?

🤯

Context Switching Hell

画像を探すためにエディタを離れ、ブラウザで画像検索…その数分で、あなたの "ゾーン" は途切れている。

🥱

The "Lorem Ipsum"

「ここには良い感じの画像が入ります」と何回言い訳した?
無機質なグレーの四角で、クライアントにデザインの魅力は伝わらない。

🗑️

Localhost Trash Can

test_bg.png, sample1.jpg...
一度しか使わないゴミファイルで、プロジェクトフォルダを汚すのはもう終わりにしよう。

画像を使いたい場所でURLを書くだけ
あとはAIが「空気を読んで」やってくれる。

Dynamic Generation

URLに text=cafe と書けばカフェの画像が出る。コンテキストに合った素材がすぐに手に入る。

Developer First

面倒な登録APIキー設定は(ほぼ)不要。URLパラメータだけですべて完結。

Smart Caching

一度生成したら90日間キャッシュ。リロードしても爆速レスポンス。

指示からプレビューまで、わずか30秒。

Demo Video Placeholder

「表参道にある高級美容室のLPを作って」
AIに指示するだけで画像込みの完璧なLPが立ち上がる様子

Watch the magic

How to Use (3 Steps)

📋

1. Copy Instruction

ページ下部の「AI指示書」をコピーして
プロンプトに貼り付ける。

🤖

2. Vibe Coding

あとはいつも通りAIに指示するだけ。
「画像は適当にお願い!」で通じます。

Success celebration

3. Done

保存した瞬間、そこには完成品が!

⚠️

MVP Edition (Alpha)

このサービスは現在、実証実験(PoC)段階です。
商用利用可能なモデルを使用していますが、本番環境での利用は推奨しません。ハッカソン、プロトタイプ、個人の趣味開発でご利用ください。

  • Free for Now: 現在、API利用料は無料です(運営の財布が持つまで)。
  • Limitations: 突然の停止、生成画像の破棄が発生する可能性があります。

Start Vibe Coding

必要なのはこの2つのツールだけ。

Tool A URL Generator

Open

Tool B AI Instruction (The Core)

ここが「バイブコーディング」の肝です。
以下のプロンプトをAIエディタ(Cursor等)にコピペして「目の持たせ方」を教えてあげてください。


                 

FAQ

Q. 本当に無料で使えますか?

A. はい、現在は実証実験(MVP)期間中のため、全機能を無料で提供しています。ただし、APIの維持コストが運営の予算上限を超えた場合、予告なくサービスを停止、またはAPIキーを無効化する可能性があります。「いつ止まっても泣かない」精神でのご利用をお願いします。

Q. 本番環境で使ってもいいですか?

A. 推奨しません。あくまで「開発中・プロトタイプ・デモ」用です。稼働率保証はありません。生成された画像をダウンロードして静的ファイルとしてホスティングするか、正式な画像素材に差し替えることを強くお勧めします。

Q. 画像・モデルについて

  • キャッシュ期間: 生成から「90日間」です。同じプロンプトであれば2回目以降は爆速です。
  • 商用利用: 可能です。商用利用許可されているモデルを使用しています。
  • サイズ制限: 長辺 1024px までです。mid/proモデルが使えない場合は利用回数制限の可能性があります。

Q. このサービス自体はどうやって作られていますか?

A. 全部Vibeコーディングです。LPもAIが一瞬で書きました。バグがあったら教えて下さい。