公式覆盖不到的进阶场景：交互逻辑与数据绑定的写法、多页与组件复用如何分轮提、生成结果偏离时的诊断清单。四要素公式本身见 写好第一条需求 。 公式不足时 四要素公式（做什么 + 给谁用 + 必须包含什么 + 希望什么风格）齐了，多数首版一次可用。但当页面带交互逻辑、需要绑定真实数据、或多页复用时，公式的信息量不够——下面三类进阶场景分别给出写法，文末附一份"生成结果偏离时"的诊断清单。公式与逐项改写示例见 写好第一条需求 。 发送一条提示词前，创作首页（即登录 QMuse 后默认进入的首页）的基本结构是： 空间 → 输入区 → 发送 。空间是作品所属的工作区，类似先选项目再建文件，发送提示词前需先选好作品归属的空间。 创作首页已粘贴提示词 一、交互逻辑与数据绑定 公式描述的是"页面长什么样"，但点击按钮跳到哪、表单提交后会发生什么、数据从哪来——这些是"行为"，公式不直接覆盖。写法是 把交互和数据流也当成一种"必须包含"列出来，并写清触发 → 动作 → 结果三段 。 案例 1｜活动报名页 为公司 内部黑客松 做一个手机端报名页。 包含活动主题、时间、地点、报名表单（姓名/工号/团队/想做的方向）、提交成功提示。 交互：填完表单点"提交"，校验工号非空后弹出"提交成功"。 风格： 科技感 蓝紫渐变，信息层次清楚。先完成可以浏览和提交的首版，暂时不需要登录和支付。 给谁用：公司内网同事，群内扫码打开 为什么有效： before：只写"包含报名表单和提交成功提示"——模型不知道校验规则，可能不做校验直接跳成功，或把成功提示做成一段静态文字 after：补"点提交 → 校验工号非空 → 弹提交成功"三段，交互路径明确，模型按触发—动作—结果实现 "暂时不需要登录和支付"明确划掉最易让模型跑偏的两块功能 案例 2｜数据展示页 为团队季度复盘做一个电脑端数据看板页。 包含 4 个关键指标卡（数字 + 同比涨跌方向，即比去年同期升或降）、3 个项目进度条、最后更新时间。 数据：指标数字和进度比例先用占位值，标注"接接口后替换"。 风格：一屏看完，数字放大、留白多；不使用 3D 图表和动画。 给谁用：团队负责人与成员，开会投屏一屏看完 为什么有效： before：只写"4 个指标卡"——模型可能硬编码一组假数据写死在页面里，后续接接口要改结构 after：标注"先用占位值、接接口后替换"，模型会把数字抽成变量或配置，替换时不改页面结构 "4 个指标卡 + 3 个进度条"硬性限数量避免堆砌；"不使用 3D 和动画"禁掉拖慢阅读的炫技 二、多页或组件复用：分轮提 公式一次产出一个页面。当作品有多页（列表 + 详情）或同一组件要复用（多张卡片同结构）时， 第一轮只提一页、把结构跑通；第二轮用"照着这个结构再加一页"的方式增量扩展 ，不要一次性塞两页。 案例 3｜个人作品集 → 作品详情 第一轮（首页）： 为一名前端工程师做一个电脑端个人作品集页面。 包含一句话自我介绍、3 张代表作品卡片（标题/一句话描述/缩略图）、联系方式。 风格：大量留白， 单色或低饱和 ，卡片网格。缩略图我会通过"添加素材"上传。 第二轮（详情，新对话里追加）： 照着首页"代表作品卡片"的结构，给每张卡片加一个点击后跳转的详情页：标题 + 大图 + 项目背景 + 使用技术。保持首页的留白和单色风格。 「添加素材」是创作首页顶部的素材上传按钮：上传图作为参考素材随提示词传入，提示词里仍需指明图用在哪个块（如缩略图位）。 给谁用：HR 与同行，10 秒内判断你能做什么 为什么有效： before：第一轮就塞"首页 + 3 个详情页"——信息量过载，模型容易把首页和详情页的结构搅在一起，首屏也失焦 after：第一轮只提首页、跑通卡片结构；第二轮复用同一结构扩详情，模型有前一轮成品做参照，结构一致、改动只落在新增部分 "3 张代表作品"卡死数量避免堆砌；缩略图由「添加素材」承担，提示词里只写"我会通过添加素材上传"，把责任分清 案例 4｜工具型小应用 为一个 5-10 人的小团队做周报整理小工具，电脑端使用。 包含粘贴区（粘周报原文）、按"本周完成/下周计划/风险"三段分区整理、复制结果按钮。 交互：点"整理"按钮把粘贴区原文按三段分区填到结果区，点"复制"复制结果。 风格： 功能优先 ，去除装饰；不要轮播图和主视觉 banner。 给谁用：团队每周用一次 为什么有效： before：只写"按三段分区整理"——模型可能只做出三个静态输入框，没有"粘贴 → 整理 → 复制"的行为链 after：补"点整理 → 原文按三段填入结果区 → 点复制复制结果"，闭环三段即工具型页面的输入—处理—输出 "不要轮播图和主视觉 banner"禁掉模型默认会塞的装饰 三、提示词诊断清单（生成结果偏离时） 结果不对时，先按"症状"对照下表，命中启发式后照"改法"修——大概率比从头重写快。每条都是上方案例里验证过的规律。 症状 启发式 改法 页面模块堆砌，首屏过载 限数量 把"必须包含"写成具体数量（4 个指标卡、3 张作品卡片），不给"丰富一点""多一些"这类开放词 多出登录/支付/轮播/banner 等没要求的功能 划掉功能 结尾加"暂时不需要 X / 不要 Y"，把模型默认会塞的东西显式排除 工具型页面只有静态框，没有行为 闭环三段 用"输入 → 处理 → 输出"写清触发—动作—结果三段，把交互当成一种"必须包含" 数据写死在页面里，接接口要改结构 占位分层 标注"先用占位值，接接口后替换"，让模型把数据抽成变量/配置而非硬编码 多页结构互相搅，首屏失焦 分轮提 第一轮只提一页跑通结构，第二轮"照着这个结构再加一页"，不要一次塞两页 风格模糊，AI 自由发挥跑偏 方向词替代形容词 用"极简/科技感/复古"等指向明确风格流派的词，删除"好看/大气/有质感"这类无指向修饰 「方向词」指指向明确风格流派的词，例如 极简 、 科技感 、 复古 ；相对地，「形容词」是无指向的修饰，例如"好看""大气"，可叠加但不具定位作用。上方案例里加粗的字就是该案例的方向词。 通用骨架 把四要素填进下面这条，即得到一条可发送的首条需求： 做一个给 [ 1] 用的 [ 1]，必须包含 [ 1]，风格 [ 1]。先完成可以浏览的首版，暂时不需要 [$1]。 带交互或数据绑定时，在"必须包含"后补一句"交互：触发 → 动作 → 结果"或"数据：先用占位值，接接口后替换"。 不确定的项（颜色、字体、布局、是否要登录）宁可不写或写"暂不需要"，不要硬编一个会跑偏的答案。 案例照搬后还要调 首版几乎不会一次到位。一次只说一个最重要的修改，并说明哪些内容不要变，详见 通过对话继续修改 。 FAQ 复用案例但生成结果偏差大？ 先按上文"提示词诊断清单"逐条对照症状，命中即照改法修。仍偏差大见 问题排查指南 。 不知道该列哪些"必须包含"？ 想象访客打开页面 10 秒内必须看到什么，把这几项写进去。仍卡住见 问题排查指南 。 想把两个案例合在一起？ 两类页面合并通常让首屏（页面打开后不滚动即可见的部分）信息过载，建议先按一个案例做完，再用对话逐步加另一类模块。 下一步 上一步： 写好第一条需求 调整首版： 通过对话继续修改 发布前检查： 预览并检查作品