设计品味·前端

要解决什么问题

用 AI 做前端界面时，落地页和作品集很容易滑向同一种「模板感」：大圆角卡片、渐变紫蓝、Inter 字体堆叠、毫无信息层次的 hero。这类输出对仪表盘、数据表格或多步表单也许还能凑合，但对需要品牌辨识的落地页、作品集和改版往往适得其反。

本技能（SKILL 中标识为 tasteskill: Anti-Slop Frontend Skill）的目标，是在这类场景里给出有取舍的设计判断，而不是一套永远自动生效的样式清单。

技能如何工作

核心机制是上下文化：规则不会默认全开，需要先读 brief（页面目标、受众、现有品牌约束），再只抽取与当前任务匹配的部分。

典型使用路径可以概括为：

• 先界定场景：确认属于落地页、作品集或改版，而非后台或多步产品流
• 再对齐 brief：明确要传达的信息层次、调性边界和必须保留的组件
• 按需引用规则：从技能中的设计品味条目里挑选适用项，避免把「反 slop」变成另一种固定审美

加粗强调的部分在于：读 brief 优先于套用规则，否则容易从一种 slop 换成另一种 slop。

适用边界与注意点

技能说明明确排除了 dashboard、data tables、multi-step product UI。复杂产品界面需要信息架构与交互规范，不宜用同一套「品味规则」硬套。

另外，所有条目都是建议性、情境性的——没有「检测到 landing page 就自动改 CSS」这类行为；是否采用某条规则，取决于 brief 与实现约束（性能、可访问性、设计系统是否已存在）。