GETMDvibe coding prompts
AI 服务网站开发DESIGN.MD

Midjourney

一体化制作提示词 · 参考 Midjourney 的产品、UX、UI、前端、SEO/AEO 与 QA 一体化制作规范

直接回答

如何参考 Midjourney 的信息架构制作网站?

请同时使用本页的开发提示词与 DESIGN.MD。 开发提示词定义实现对话式生成与自动化所需的功能、信息架构、状态与 SEO;DESIGN.MD 固定页面结构、令牌、组件、响应式与无障碍标准。

网站开发标准

把对话、生成结果与上下文的关系和状态、主要用户流程、错误恢复与完成条件整理为可实现的规范。

网站设计标准

以对话式工作空间 · 深色沉浸式 · 信息密度低 · 对话历史 -> 回复线程 -> 固定输入框 -> 结果工具为起点,但不复制原服务的标志、专有文案、图片与像素级布局。

必须验证的风险

把来源、控制与等待状态作为核心设计风险,并定义 loading、empty、error、partial-data 与 success 状态。

直接使用步骤

  1. 在开发提示词中把用户、核心功能和技术栈替换为你的项目信息。
  2. 把 DESIGN.MD 交给 AI 构建器或代码代理,作为持续设计规范。
  3. 按完成清单验证 360px、768px、1280px 页面、键盘导航与错误状态。

REFERENCE & BLUEPRINT

真实网站与设计预览

对话式工作空间 · 深色沉浸式 · 信息密度低
公开网站服务公开首页
打开网站 ↗
Midjourney 网站开发提示词与 DESIGN.MD
品牌结构设计原型基于该服务类型的色彩与页面结构生成的预览
主色 #111111对话式工作空间深色沉浸式对话历史 -> 回复线程 -> 固定输入框 -> 结果工具

GETMD 会并行检查两个截图源并采用最快的有效图片。若地区、登录或网站策略阻止截图,将自动显示基于品牌色和结构的替代图。

COPY-READY PROMPT

提示词 Markdown 预览

Midjourney

一体化制作提示词 · AI 服务 · 一份连接产品、UX、UI、前端、SEO/AEO、性能与 QA 的制作规范。

适用场景

当你的产品需要实现对话式生成与自动化时,可使用本提示词进行规划、设计和开发。可以研究 Midjourney 的公开信息架构,但必须根据自己的产品问题重新设计,不得复制其标志、文案、图片、专有素材或像素级布局。

  • 参考服务:Midjourney
  • 核心对象:对话、生成结果与上下文
  • 主要风险:来源、控制与等待状态
  • 界面起点:对话式工作空间 · 深色沉浸式 · 信息密度低 · 对话历史 -> 回复线程 -> 固定输入框 -> 结果工具 · #111111 · Midjourney

公开界面设计分析

  • 分析依据: 这些是公开首页和代表性任务流程中反复出现的视觉与结构模式。服务会持续更新,最终请以真实网站截图确认。
  • 界面原型: 对话式工作空间
  • 语气与风格: 深色沉浸式
  • 信息密度: 低
  • 色彩策略: 中性表面上的克制品牌重点 (#111111)
  • 导航结构: 以侧边栏切换上下文
  • 结构顺序: 对话历史 -> 回复线程 -> 固定输入框 -> 结果工具
  • 可复用模式: 对话历史、固定输入框、建议操作、生成状态与结果工具
  • 独立应用规则: 只参考顺序与决策原则,不复制标志、文案、图像、图标或专有页面构图。

需要替换的项目信息

产品名称: "[你的产品名称]"
目标用户: "[核心用户与使用场景]"
核心问题: "[用户要解决的问题]"
核心功能: "[三到五个必要功能]"
业务目标: "[转化、激活、留存或其他指标]"
技术栈: "[例如 Next.js 与 Tailwind CSS]"
品牌语气: "[例如清晰、克制、可信]"

可直接复制的提示词

你是一名资深产品设计师、UX 策略师、前端架构师与技术 SEO 负责人。

请为[你的产品名称]输出可直接实施的产品规范,并在需要时生成生产级代码。仅参考 Midjourney(https://www.midjourney.com)在“对话式生成与自动化”方面的信息架构与决策流程,不得复制其品牌、标志、专有文案、图片、版权素材或精确页面布局。

项目条件:
- 目标用户:[核心用户与使用场景]
- 要解决的问题:[用户问题]
- 核心功能:[三到五个必要功能]
- 业务目标:[转化、激活、留存或其他指标]
- 技术栈:[框架、样式、数据与部署]
- 品牌语气:[语言与视觉特征]

必须满足:
1. 让用户一眼理解对话、生成结果与上下文之间的关系和状态。
2. 针对来源、控制与等待状态提供预防、解释与恢复路径。
3. 定义 loading、empty、error、success、disabled、无权限和 partial-data 状态。
4. 在 360px、768px、1280px 下保持内容优先级与导航逻辑。
5. 使用语义化 HTML、合理键盘顺序、可见焦点、44px 触控目标和 WCAG AA 对比度。
6. 明确页面结构、组件、数据、操作、微文案、边界情况与可验证验收条件。
7. 为每个可索引页面设计唯一 title、meta description、canonical、标题层级与可抓取内链。
8. 在可见内容中直接回答关键问题,并让 WebSite、WebPage、BreadcrumbList、CreativeWork 结构化数据与页面一致。
9. 为主图、字体、JavaScript、Core Web Vitals 和慢网络行为设置性能预算。
10. 输出可实施、可测试的结果,而不是抽象建议。

按以下顺序输出:
- 目标、假设与成功指标
- 用户流程与信息架构
- 页面与组件规范
- 数据模型、状态与错误恢复
- 响应式与无障碍规则
- SEO、AEO 与结构化数据计划
- 实施计划或代码
- 可验证完成清单

初始设计令牌

:root {
  --color-primary: #111111;
  --color-ink: #F8FAFC;
  --color-canvas: #090A0B;
  --color-surface: #141619;
  --color-tint: #11111155;
  --color-danger: #FB7185;
  --radius-card: 8px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px;
  --space-4: 16px; --space-6: 24px; --space-8: 32px;
}

这些令牌只是起点,并不表示要复制 Midjourney。请根据自己的用户验证对比度、层级、密度与品牌独立性。

预期交付物

  • 与用户结果和可量化指标相连的产品需求
  • 信息架构与关键端到端流程
  • 包含数据、状态、操作和无障碍的组件契约
  • 移动端、平板与桌面适配规则
  • SEO/AEO 内容模型、结构化数据与内链计划
  • 性能预算、分析事件、测试与发布验收条件

后续优化提示词

  1. “选择最重要的流程,用同一数据模型定义正常、加载、空、部分数据、输入错误、服务器错误、无权限与成功状态。”
  2. “把规范转为语义化可复用组件,加入真实长度的简体中文内容、360px/768px/1280px 布局、键盘和读屏行为。”
  3. “从来源、控制与等待状态角度审计结果,按严重度列出证据、修复方案、验证方法与完成条件。”
  4. “删除任何类似 Midjourney 品牌或专有布局的内容,只保留有价值的信息架构原则。”
  5. “拆分为工程任务,每项包含目的、数据需求、组件 API、边界情况、无障碍、测试与依赖。”

验收清单

  • ☐ Midjourney 仅作为信息架构参考。
  • ☐ 已用真实项目的用户、问题、功能和指标替换占位符。
  • ☐ 对话、生成结果与上下文的优先级和状态变化清晰。
  • ☐ 已针对来源、控制与等待状态设计信任与恢复路径。
  • ☐ 已覆盖空、延迟、部分、失败和权限受限状态。
  • ☐ 可测试键盘、读屏、200% 缩放、减少动画与对比度。
  • ☐ 最终设计拥有独立的产品语言和视觉识别。