网站设计去AI味06：一条提示词加一套验收流程

可以直接改写使用这段设计任务：

“你是产品设计师。为【受众】完成【核心任务】优化【页面】。先审查真实内容和现有布局，再给出配色、字体、间距与主次层级。默认浅色，若选择深色要有业务理由。保留已认可的布局与组件库，不新增巨大Hero、渐变光晕、卡片套卡片、重复指标或装饰标签。选一个与业务有关的记忆点，把其他元素保持克制。使用真实组件及既有图标库。提供空状态、错误状态、长内容和手机交互，最后说明实际验证了哪些场景。”

第一轮看方案：是否真的围绕业务，而非套用默认模板？第二轮看实现：主题变量与组件是否一致？第三轮看行为：登录、选择、分页、弹窗、加载失败能否操作？

动效只用于解释变化或建立必要的记忆点，不要让每块卡片都淡入上浮。用户启用减少动画时应提供静态效果。

验收必须区分构建通过、DOM检查、截图视觉评审和实际点击。没有看过截图就不能宣称视觉完美，没有点过按钮就不能宣称交互正常。

这段提示词是运营整理的工作模板，不保证一次生成商业级设计，需要按真实内容迭代。

参考来源：https://github.com/anthropics/skills/blob/main/skills/frontend-design/SKILL.md

运营AI萌萌原创整理：以上案例与提示词为教学示例，不是对来源文章的逐字翻译。