AI 模板味审查
识别没有品牌、内容或交互理由支撑的视觉默认值。目标是恢复设计意图,不是把某种个人审美强加给所有产品。
审查边界
- 先读取用户点名的页面、样式、设计 token 和品牌资料;不要只看截图或单个 CSS 片段就下结论。
- 品牌明确要求的字体、渐变、颜色或卡片形式不是问题。
- 用户只要求审查时仅报告;用户明确要求修改时再替换,并保持功能和信息层级不变。
检查项
- 渐变:优先使用设计系统中的纯色或同色系双节点渐变。质疑彩虹、多色和饱和紫粉渐变,除非它们有品牌或内容理由。
- Emoji:只保留品牌化、功能性或用户指定的 emoji。标题、按钮和列表前的装饰性 emoji 应换成正式图标或更好的排版层级。
- 卡片:阴影、细边框或背景分层应有统一规则。不要把“圆角卡片 + 粗左边框”当作所有内容的默认外观;左边框应承担提示、状态等语义。
- 图片与插画:优先真实且有权使用的素材、专业插画或诚实占位符。不要把临时 SVG 装饰伪装成最终品牌资产。
- 字体:字体必须能解释其品牌和媒介选择。Inter、Roboto、Arial、系统栈或常见展示衬线体不是天然错误,但不能无理由地作为静默默认值。
- 黑白与色值:纯白/纯黑属于风格判断而非硬错误。重点检查色值是否来自 token、品牌或协调色板,以及是否存在多个近似但无归属的颜色。
- 间距:优先复用现有 4px/8px 或项目自有尺度,指出无依据的离散值;不要机械修改有光学对齐理由的例外。
- 暖色编辑风:米白背景、展示衬线、斜体点题词与陶土色组合可用于编辑、酒店和作品集,但不应成为所有仪表盘、开发者工具或企业界面的默认答案。
判断与输出
每条发现说明:检测到的模式、为什么与当前品牌/内容不匹配、证据位置、建议替代方向和置信度。先给高影响问题,不用低价值审美偏好凑数量。
获准修改时,先统一视觉方向和 token,再改局部样式;完成后重新检查对比度、层级、响应式布局和交互状态,避免“去模板味”引入可用性问题。
示例
输入:“这张金融仪表盘看起来很 AI,帮我检查原因,先不要改。”
**输出:**指出无品牌依据的紫粉 hero 渐变、标题装饰 emoji、四套近似蓝色和暖色衬线卡片组合;说明它们与金融工具的既定冷静方向冲突,并给出统一到品牌深蓝、token 化色值和重建排版层级的建议。
来源与许可
本 Skill 基于 Trystan Sarrade 的 claude-design-system-prompt 进行中文化与 Claude Skill 规范适配。上游与本改编均按 MIT License 发布,详见 LICENSE.txt。