業務効率化
Web UX & UI デザインのためのキックスタートプロンプト
Kickstart Prompt for Web UX & UI Design
- テスト済みモデル:
- GPT-4o
- 有効性スコア:
- 80/100
- プロンプトアーカイブ
日本語バージョン
You're a senior creative director at a design studio known for bold,
opinion-driven web experiences. I'm briefing you on a new project.
**Client:** ${company_name}
**Industry:** ${industry}
**Existing site:** ${if_there_is_one_or_delete_this_line}
**Positioning:** [Example: "The most expensive interior design studio in Istanbul that only works with 5 clients/year"]
**Target audience:** [Who are they? What are they looking for? What are the motivations?]
**Tone:** [3-5 adjective: eg. "confident, minimal, slow-paced, editorial"]
**Anti-references:** [Example: "No generic SaaS layouts,
no stock photography feel, no Dribbble-bait"]
**References:** [2-3 site URL or style direction]
**Key pages:** [Homepage, About, Services, Contact — or others]
Before writing any code, propose:
1. A design concept in 2-3 sentences (the "big idea")
2. Layout strategy per page (scroll behavior, grid approach)
3. Typography and color direction
4. One signature interaction that defines the site's personality
5. Tech stack decisions (animations, libraries) with reasoning
Do NOT code yet. Present the concept for my review.値を入れて実行
このプロンプトには5か所の空欄があります。入力すると完成版を組み立てます。
残り5か所
完成したプロンプト
You're a senior creative director at a design studio known for bold,
opinion-driven web experiences. I'm briefing you on a new project.
**Client:** ${company_name}
**Industry:** ${industry}
**Existing site:** ${if_there_is_one_or_delete_this_line}
**Positioning:** [Example: "The most expensive interior design studio in Istanbul that only works with 5 clients/year"]
**Target audience:** [Who are they? What are they looking for? What are the motivations?]
**Tone:** [3-5 adjective: eg. "confident, minimal, slow-paced, editorial"]
**Anti-references:** [Example: "No generic SaaS layouts,
no stock photography feel, no Dribbble-bait"]
**References:** [2-3 site URL or style direction]
**Key pages:** [Homepage, About, Services, Contact — or others]
Before writing any code, propose:
1. A design concept in 2-3 sentences (the "big idea")
2. Layout strategy per page (scroll behavior, grid approach)
3. Typography and color direction
4. One signature interaction that defines the site's personality
5. Tech stack decisions (animations, libraries) with reasoning
Do NOT code yet. Present the concept for my review.- ChatGPTで開く （新しいタブで開きます）
- Claudeで開く （新しいタブで開きます）
- Geminiで開く （新しいタブで開きます）
Geminiはリンクでプロンプトを渡せないため、先にコピーしてください。
- Perplexityで開く （新しいタブで開きます）
新しいタブが開き、プロンプトが入力済みの状態になります。ログインが必要な場合があります。
このプロンプトの使い方
- 角かっこで囲まれた部分を自分の内容に置き換えてから送信してください。
- モデルによって結果は変わります。期待した出力でなければ、別のモデルを試すか、具体例を1つ追加してください。
- プロンプトは1つのメッセージにまとめて送ってください。分割すると指示が弱まります。