PROMPT
.
AI-powered Web Design
news
お知らせ
tools
お役立ちツール
Works
制作事例
tools
お役立ちツール
Pricing
料金
Contact
お問い合わせ
まず相談する
Tools
お役立ちツール
Works
制作事例
Method
進め方
Pricing
料金
Contact
お問い合わせ
まず相談する
Home
/
Tools
/
Prompt Maker ー プロンプトメーカー
Web Design Tool
Prompt
Maker
プロンプトメーカー
◆
案件共通情報
全タブのプロンプトに自動で含まれます
開く
参考サイト / リファレンスURL
ブランド名 / 社名
フォント指定
指定なし(おまかせ)
明朝体 — 高級感・和の雰囲気
ゴシック体 — 読みやすい・スタンダード
細めゴシック — クリーン・シンプル
欧文サンセリフ混在 — モダン・テック系
欧文セリフ混在 — エレガント・高級
丸ゴシック — 親しみやすい・やわらかい
等幅 — テック・コード系
ワイヤーフレーム
コンテンツ制作
HTMLモックアップ
HTML/CSSデザイン
サイト種別
LP(ランディングページ)
コーポレートサイト
採用サイト
ECサイト
医療クリニックサイト
ポートフォリオ
メディア / ブログ
目的(CV)
問い合わせ獲得
資料請求 / DL
商品購入
予約・来店誘導
認知拡大・ブランディング
採用応募
ターゲット
トーン
高級感・上品
クリーン・モダン
親しみやすい・柔らかい
信頼感・誠実
ポップ・カジュアル
シャープ・ミニマル
優先デバイス
SP
PC
両対応
想定流入経路
広告(Web広告から流入)
SEO(検索流入)
SNS(Instagram/X等)
指名検索(ブランド名検索)
複数想定
ページボリューム
縦3画面程度(コンパクト)
縦5画面程度(標準)
縦10画面以上(情報量多)
出力フォーマット
HTMLワイヤー(最低限のCSSあり、セクション区切り・CTA視認性重視)
テキストベース(枠線・記号でレイアウト表現)
Markdown形式(見出し構造で表現)
必須セクション
商品・サービス / 補足
Generated Prompt
Copied!
生成
コピー
↓
前工程のAI出力を貼る(任意)
ワイヤーフレームの出力結果など
開く
コンテンツ種別
Webページ本文(コピーライティング)
ヒーローキャッチコピー
サービス説明文
お客様の声(UGC風)
FAQ
メタディスクリプション
ブログ記事
SNS投稿文
業種・ジャンル
商品・サービス名 / 内容
ターゲット
USP / 強み
ライティングトーン
共感・寄り添い型
信頼・権威型
ベネフィット訴求型
ストーリーテリング型
シンプル・事実重視
文字数の目安
短め(〜200字)
普通(200〜500字)
長め(500〜1000字)
記事(1500字以上)
出力パターン数
1パターン
2パターン(A/Bテスト用)
3パターン
検索意図 / 温度感
顕在層(今すぐ客)
準顕在層(比較検討中)
潜在層(情報収集段階)
混在・特定しない
一人称・呼称
CTA文言
誘導先
SEOキーワード(任意)
NGワード / 医療広告規制など注意事項
Generated Prompt
Copied!
生成
コピー
↓
前工程のAI出力を貼る(任意)
ワイヤーフレームやコンテンツの出力結果など
開く
モックアップ対象
Heroセクション
CTAセクション
サービス特徴(3列カード)
料金プラン
お客様の声
フロー説明
FAQアコーディオン
ヘッダー / ナビゲーション
フッター
フォーム
ページ全体(1枚)
デバイス
SP
PC
両対応
ビジュアルスタイル
ミニマル・余白重視
モダン・グリッド整列
高級感・エレガント
医療・清潔感
ポップ・カジュアル
テック・ダーク系
カラーイメージ
含めるテキスト / コンテンツ要素
出力形式の指定
余白感
密(情報量重視)
標準
ゆったり(高級感・抜け感)
画像の扱い
placeholderで仮置き(背景色やグレー)
placehold.coなどダミー画像URL
画像なしでテキストのみ
AI画像生成用プロンプトも一緒に出力
ブレイクポイント
補足・参考サイトや注意点
Generated Prompt
Copied!
生成
コピー
↓
前工程のAI出力を貼る(任意)
ワイヤー・モックアップ・コンテンツの出力結果など
開く
実装対象
セクション単体のHTML/CSS
1ページ完結のLP
WordPressテーマ(PHP化前提)
コンポーネント(再利用パーツ)
アニメーション・インタラクション
レスポンシブ対応の修正
使用技術
実装したい内容(具体的に)
デザインスタイル
ミニマル・クリーン
高級感・エレガント
医療・清潔感
モダン・グリッド
ポップ・カジュアル
テック・ダーク
和風・日本的
カラー指定
コーディング規約・注意点
ブレイクポイント
単位の好み
px中心(シンプル)
rem中心(アクセシブル)
clamp()を積極使用(可変・推奨)
状況により併用(おまかせ)
アニメーション
なし(静的)
控えめ(hover・fadeのみ)
積極的(GSAP等ライブラリ可)
CSSのみ(transition/animation)
コメント方針
日本語コメント(セクション区切りのみ)
日本語コメント(細かく記述)
英語コメント(最小限)
コメントなし
アクセシビリティ要件
既存コード(貼り付け or 概要)
Generated Prompt
Copied!
生成
コピー
Toolsに戻る