需用真实终端行为、具体DOM路径、设备网络约束替代空泛描述，禁用“简洁”“美观”等18类高频同质化词，强制包含CSS选择器、毫秒阈值、FPS值、DOM ID及浏览器报错原文。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要让通义千问生成的前端页面需求描述不千篇一律，避免每份文档都套用“简洁美观”“响应迅速”“用户体验佳”这类空泛短语，导致开发同学拿到需求后仍要反复追问交互细节和视觉边界。
用真实终端行为替代形容词堆砌
把“页面加载快”改成“首屏渲染≤800ms，LCP指标稳定在1.2s内，Network面板可见HTML+CSS资源在TTFB后320ms内并行下载”。
把“操作流畅”改成“点击按钮→300ms内触发CSS transform动画→无layout thrashing→滚动帧率保持60fps±3”。
这一步操作起来很简单，直接打开Chrome DevTools的Performance面板录一段真实操作就行，不用写“大概”“通常”“一般情况下”。
立即学习“前端免费学习笔记（深入）”；
绑定具体组件与DOM路径
方法一：强制指定最小可验证单元
要求输出必须包含真实HTML结构片段，例如：<button class="btn-primary" data-testid="submit-order">立即下单</button>，而非“主操作按钮”。
方法二：用CSS选择器锚定交互范围
写明“【#cart-summary .price-total】必须实时更新，不得依赖页面刷新；若用户勾选优惠券，该节点innerHTML须在50ms内重绘”。
方法三：禁止使用抽象容器名
删掉所有“顶部区域”“中间模块”“底部栏”等模糊表述，替换成header[role="banner"]、main#product-detail、footer[aria-labelledby="footer-title"]。
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
注入真实设备与网络约束
第一步：限定测试环境
明确写入“所有交互逻辑需适配iPhone SE（2022）+ iOS 17.5 Safari，禁用WebAssembly，不启用prefetch”。
第二步：模拟弱网行为
要求描述必须包含“在Chromium Network Throttling设为Fast 3G时，表单提交失败应显示toast：‘网络不稳定，请重试’，且自动重试间隔为1200ms±100ms”。
第三步：绑定渲染反馈
写明“当用户滑动至商品图库第5张图时，img[data-index="5"]的loading="lazy"属性必须被移除，否则会触发Safari的延迟解码bug”。
禁用三类高频同质化表达
在提示词开头直接声明：
【严禁出现】：简洁、美观、专业、高端、大气、上档次、极简、轻盈、沉浸感、丝滑、零延迟、无感、贴心、人性化、友好、智能、自适应、响应式、跨平台、全端兼容
【必须包含】：CSS选择器、事件监听类型、FPS值、毫秒级阈值、DOM节点ID、浏览器报错截图中的实际文字
【若输出中出现任一严禁词，整条需求视为无效，须重新生成】
