smart_toy AIアシスタント
WEB DESIGN · PROMPT BUILDER

Web デザインのプロンプトを、
ていねいに。

項目を選ぶだけで Claude や ChatGPT に渡せるプロンプトを生成。配色・フォント・レイアウト・SEO まで網羅し、HTML/CSS の出力品質を大きく高めます。

01 基本情報/ Basics
01 サイト種類 site type
02 業種・テーマ industry

どんな業界・商材ですか?

例から選ぶ(クリックで追記)
03 ターゲット読者 target audience
例から選ぶ(クリックで追記)
04 ペルソナ persona

具体的な人物像・行動・悩み

例から選ぶ(クリックで追記)
02 デザイン/ Design
05 雰囲気・トーン mood
06 配色パレット color palette

プリセットを選ぶと自動で各カラーが入ります(後から個別に調整可)

paletteカラーパレットを作る(別ツール)
または個別に指定
07 フォント系統 typography
08 レイアウト構成 layout
09 表示モード color mode
10 装飾・効果 visual effects

複数選択可

11 アニメーション animation
12 角丸・形状 shape
03 目的・コピー/ Purpose
13 サイトの目的・CTA goal / call-to-action

何を達成したいか、ユーザーに何をしてほしいか

14 ブランドキーワード brand keywords
15 トーン&マナー tone & manner

コピーライティングの方向性

16 コンバージョン目標 conversion goal
04 コンテンツ/ Content
17 ヒーローセクション hero section

ファーストビューの構成

18 必要なセクション sections

複数選択可

05 技術要件/ Technical
19 レスポンシブ要件 responsive
20 技術スタック tech stack
21 SEO要件 SEO requirements

複数選択可

06 参考/ References
22 参考サイトURL reference sites

参考にしたいサイトのURLや、避けたいデザインがあれば

Generated Prompt
0 chars 0 lines