返回技能库
图片设计

避免千篇一律的 AI 风格界面

用产品语境、设计约束和完整状态提升界面的辨识度与完成度。

进阶25 分钟更新于 2026-09-30
OUTCOME

先看最终成果

一份针对产品场景的界面设计契约和交付检查。

STEP BY STEP

跟着步骤完成

  1. 01

    明确边界

    研究产品、用户与真实参考

  2. 02

    建立流程

    定义排版、色彩和空间契约

  3. 03

    执行与留痕

    覆盖空白、加载、错误和移动端状态

  4. 04

    验证结果

    用完成度门槛逐项审查实现

PROMPT

可直接使用的提示词

为{{产品页面}}制定反通用化设计契约。说明用户任务、参考依据、视觉原则、排版层级、颜色、间距、组件状态、响应式行为、禁用套路和发布前完成度检查。

把双大括号中的内容替换为你的真实信息。先补足上下文,再追求表达效果。

QUALITY CHECK

交付前检查

  • 输入材料和任务边界已经明确
  • 关键判断能够回到真实证据
  • 高风险动作保留人工确认
  • 结果满足预先定义的验收标准
SOURCE

来源与改编说明

原始技能Anti UI Slop
仓库
github/awesome-copilot
作者
GitHub 社区贡献者
许可证
MIT License
参考日期
2026-09-30

本站依据原技能的任务边界和工作流重新整理为中文实践教程,并非原项目官方译文。