
「HTMLテンプレートを手に入れたものの、AIにどう指示を出せばいいか分からない」 「AIに指示をしたら、デザインが崩れてしまった」 「毎回長い指示文(プロンプト)を書くのが面倒…」
そんなお悩みを解消するために、EYANCAの利用を想定した「AIプロンプトジェネレーター」を開発しました。
これは、フォームに必要な項目を入力していくだけで、EYANCAのカスタマイズに最適な「AIへの指示書」が自動で生成されるツールです。
本ツールは、有料noteをご購入いただいた方への限定特典(シークレットツール)として公開いたします。
🛠 何ができるツール?

難しい専門用語や、長い文章を考える必要はありません。画面に従って「選択」するだけで、プロのWebディレクターが書いたような精度の高い指示文が完成します。
1. 直感的な操作で「理想のデザイン」を指定

「サイト名」や「テーマカラー」はもちろん、「高級感」「ポップ」「ミニマル」といったデザインの雰囲気もプルダウンから選ぶだけ。さらに、「テンプレートの原型をどれくらい残すか(踏襲度)」もスライダーで調整可能です。「原型を維持したい」「大胆に変えたい」といった微妙なニュアンスもAIに正確に伝わります。
AIが”崩す”のは、自由を与えすぎているから
AIにデザインを頼むと、ときどき「頼んでいない部分まで変わって崩れる」ことがあります。これは、AIの能力不足というより、指示があいまいで”自由の余白”が大きすぎることが原因です。「お洒落にして」とだけ伝えると、AIは良かれと思って、レイアウトや構造まで自己判断で作り変えてしまいます。
このジェネレーターが効くのは、その”自由の余白”を先回りして埋めてくれるからです。残したいルールや、守るべき構造をあらかじめ指示文に書き込んでおくことで、AIは「ここは触らず、ここだけ変える」と理解できます。崩れる余地そのものを減らしています。
中でも実用的なのが「踏襲度」のスライダーです。これは、AIにどれだけ自由を与えるかを決める、いわば”手綱”です。原型を残したいなら踏襲度を高く、大胆に変えたいなら低く。この一点を最初に決めておくだけで、仕上がりの予測しやすさが大きく変わります。AIへの指示は「丁寧に書く」より「どこまで任せるかを先に決める」ほうが、ずっとうまくいきます。
2. 技術的な「守るべきルール」を自動記述
AIに任せると、勝手に構造を壊したり、余計なフレームワークを使ったりしてしまうことがあります。
このツールは、EYANCAを安全に動かすための技術的な制約を自動でプロンプトに含めます。これにより、エラーや崩れのリスクが大幅に減ります。
3. 「企画相談」モードも搭載

「そもそも、どんなサイトにすればいいか決まっていない…」 そんな時のために、カスタマイズ指示だけでなく「AIディレクターへの壁打ち依頼」プロンプトも作成できます。「おしゃれなカフェサイトを作りたいけど、何から始めればいい?」といった相談をAIにするための叩き台も、このツールで作れます。
✨ 使い方は3ステップ

- ツールにアクセス(IDとパスワードを入力)
- 作りたいサイトの情報をフォームに入力
- 「コピー」ボタンを押して、GeminiやChatGPTに貼り付ける
これだけで、あなただけのオリジナルサイト構築がスタートします。
🎁 アクセス方法
本ツールは、EYANCA有料版(note)をご購入いただいた方のみが利用できる限定ページです。以下の記事購入後のエリアに、URLとアクセスパスワードを追記しました。
→ noteはこちら
これからEYANCAでサイト制作を始める方も、すでにお持ちの方も、ぜひこのツールを使って「AIとの共創」をよりスムーズに楽しんでください。
→ 無料HTMLテンプレート「EYANCA」ダウンロードページ



