GoodCase.aiAI 动态 · Radar↗图谱 · AI Map↗课程 · LearnPrompt↗
出品GoodCase.aiAI News Radar ↗AI Map ↗LearnPrompt ↗
GoodCase.aiGoodCase.aiAI提示语案例合集
GoodCase.ai
排行榜案例Skills收藏投稿早报加入我们
中文EN
Agent 接入 →

出品

AI 动态 · Radar ↗图谱 · AI Map ↗课程 · LearnPrompt ↗
GoodCase.aiGoodCase.aiAI提示语案例合集
排行榜案例Skills收藏投稿早报加入我们
中文EN
Agent 接入 →

加载中…

GoodCase.ai · AI提示语案例合集
DSH 插件榜更新日志反馈
模型创作者Seedance 2.5Seedance 2.0GPT Image 2GeminiNano Banana ProClaudeClaude Opus 5.5Grok ImagineVeoKling 可灵Qwen ImageGPT Image 1.5MiniMax H3
品牌策略师式网站结构 Prompt

品牌策略师式网站结构 Prompt

创作者 · JayPROb01

AI 编程(UI)X收录 2026/07/28已有人复测#web#human-reviewed
更多标签 (3)
#web-ui通用网页生成 PromptGPT-5.6 Sol
查看原始来源 ↗
原帖 ♥ 5

Prompt

复刻提示词保留原文,另附运行环境、素材与验收要求;附加说明不是原作者原话。

「我的网站上应该放什么?」

这是让你不再瞎猜的确切提示词(收藏它)

提示词:

「你是一位资深品牌策略师,同时也是专注转化的网页设计师。

你的任务是创建一个清晰、有说服力、高级的网站结构,把一位理想客户引导向一个明确的行动。

在动手构建之前,先做以下事情:

1. 定义 ICP(理想客户画像)
• 他们是谁
• 他们想要什么
• 是什么让他们感到困惑
• 是什么让他们犹豫
• 网站应该引导他们做出什么行动

2. 分析市场
研究同一细分领域中 5 到 10 个顶尖网站。

重点关注:
• 版块顺序
• 文案模式
• CTA
• 信任元素

提取有效的做法。
去掉显得通用的部分。
提升清晰度和定位。
不要照抄。

3. 构建结构
逐版块创建完整的网站结构。

对每个版块说明:
• 它的目的
• 关键信息
• 访客应该有什么感受
• 它如何推动访客更接近决策

以清晰的 Hero 开始。
以明确的下一步结束。

4. 叠加转化层
把每个版块对应到某个认知阶段。
减少摩擦。
提前回应异议。
自然地引导访客走向行动。

规则:
• 不用流行词
• 不要废话
• 清晰胜于炫技

结果应该让人感觉:
「这个网站懂我,并让下一步显而易见。」」

----

请记住:
最好的网站不是更用力地推销。
而是消除困惑。

附言:我要不要把这个做成系列,持续分享我用的有用提示词?

回聊。
~Jay Jihane。
≡溯源 · 已核对已发布案例的 prompt 均经人工核对与原帖一致;平台逆向重构的 prompt 不予收录。核对原帖 ↗

适用模型与稳定度

建议模型

通用网页生成 PromptGPT-5.6 Sol
稳定度
86 / 100
成本
中
对应 Skill个人作品集叙事 ↗落地页信息结构 ↗

独立复测证据

同一段 Prompt,在我们的测试里实际生成了什么。

复测生成 · 非作者原作
UI生成证据AI 自动评分

gpt-5.6-sol

2026年8月9日

复测分82.3
桌面截图模型生成 UI 的桌面截图手机截图模型生成 UI 的手机截图
下载生成 HTML ↓
claude-sonnet-5 · 86.5gpt-5.6-sol · 78.1分歧 · 8.4
  • 与建议模型同族(通用网页生成 Prompt / GPT-5.6 Sol)。作者在 Prompt 之外用了哪些参数,我们不知道。
  • 复测分是两个 AI 裁判对这一次生成各自打分(0–100)后的均分;没有经过人工判定,也不能当成功率看。

多人复现

1 个人用同一段 Prompt 跑出了自己的作品。

复现作品 · 非作者原作
卡尔
复现者卡尔
2026年10月15日
卡尔 的复现作品打开复现作品 ↗
glm-5.3

GLM-5.3 单次生成;Codex 人工修复运行依赖、必要源码及移动布局,未重新生成。桌面/手机真实渲染和资源检查通过;完整功能与视觉还原尚未全部验收。源码、截图和修复记录见复现出处。

复现出处 ↗

继续探索

继续看相关 Case。

查看全部 AI 编程(UI) Case →
ChatGPT Image 个人品牌网站视觉稿
AI 编程(UI)X收录 2026/07/28

ChatGPT Image 个人品牌网站视觉稿

@Preda2005 使用 ChatGPT Image 2.0完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

Skill · 个人作品集叙事Skill · 落地页信息结构

提示语

我使用 ChatGPT Image 2.0 设计了整个网站。 这真的太疯狂了。🤯 它不只是生成了一个布局…… 它理解了我的风格、我的工作和我的故事。 提示词: 「基于你所了解的关于 Marcio Lima,也就是 @Preda2005 的一切,创建一份关于其工作的详细信息图,并设计一个现代、高端的个人网站。」

来源热度 · X
22
稳定度
80
查看 Case →
GLM 4.7 时尚品牌网站迭代
AI 编程(UI)X收录 2026/07/28

GLM 4.7 时尚品牌网站迭代

@nummanali 使用 GLM 4.7完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

Skill · 个人作品集叙事Skill · 落地页信息结构

提示语

非常令人印象深刻的 @Zai_org GLM 4.7 网站设计 提示词一: 我想让你真正展示出你的能力 这是我第一次使用你,所以我想了解你的能力,以及你能为我展示什么,尤其是从视觉设计角度来说 你可以使用技能,请先运行这些 - 「openskills read zai-cli」 - 「openskills read dev-browser」 提示词二: 我觉得你可以做得比那更好。周围可以打磨得更精致一些。那看起来只是想炫技,实际效果并不太好。请进行深度思考。 最终提

来源热度 · X
12
稳定度
78
查看 Case →
3D 超市包装式创意机构官网
AI 编程(UI)X收录 2026/07/28

3D 超市包装式创意机构官网

@Oluwaphilemon1 使用 Claude Fable 5 · Three.js · Blender · GSAP完成的网页案例,包含公开结果、完整 Prompt 与原始来源。

Skill · 3D / 动效 HeroSkill · 个人作品集叙事

提示语

Claude Fable 5 和 GPT-5.6 很强🥵🥵🥵 下面是我如何使用 Claude 构建的 👇 提示词:「设计一个机构网站,把服务以 3D 超市商品包装的形式呈现」 使用 Three.js 和 WebGL 在浏览器中实时渲染所有产品 使用 Blender 制作包装模型,然后导出为 GLTF 以加载到 Three.js 中 使用 GSAP 实现流畅的产品旋转和悬停交互 如果你想做一个让客户感觉像是在购买高级商品的作品集,请保存这条 🛒

来源热度 · X
10
稳定度
84
查看 Case →

Case 详情页把原帖效果、Prompt 与复测证据放在同一条阅读路径里。