AI 编码虽快，为何设计总带“AI味”？

不妨试试 Taste Skill 和 Hallmark 的组合

助力 AI 从单纯的“能做页面”进阶为“带有设计意图的页面”

若你近期涉足 AI 前端开发，定会发现一个有趣的现象：

代码生成速度飞升，但页面风格却愈发雷同。

紫蓝渐变、Inter/Roboto 字体、三栏布局、居中首屏、圆角按钮... 虽然功能无碍，但视觉上总透着股“AI 筛选”的痕迹。

问题未必出在模型写不出代码，而是它总偏爱“最稳妥、最常见”的方案。这也是我尝试 Taste Skill 和 Hallmark 的初衷：与其让 AI 多写几行 CSS，不如在落笔前先植入一套严谨的设计准则。

Taste Skill 更像是一个可调节的“品味引擎”。

它提供了三个直观的旋钮：

• Design Variance：从严谨对称转向实验性布局 • Motion Intensity：从静态交互到滚动、磁性等丰富动效 • Visual Density：从极简留白到信息密集的仪表盘风格

换言之，面对同一需求，不再只有唯一的“标准解”。

此外，它还具备研究驱动的 Anti-Slop 机制，例如规避默认字体、滥用纯黑、霓虹光效、三栏均分等典型 AI 痕迹，以及那些陈词滥调的文案和假数据。

若你想让页面更具品牌辨识度和视觉个性，Taste Skill 是不错的选择。

Hallmark 的思路则更进一步，聚焦于“结构多样性”。

它不局限于更改配色，而是先确立整页的宏观结构，即页面的“骨架”。

比如便当盒网格、滚动首屏、数据驱动、引用驱动、字母体、摄影风、裁剪风等多种结构，再叠加视觉主题。

同时拥有 57 个 Slop Gate，从哲学、层级、执行、特异性、克制、多样性等多维度审查；若不达标，则需重新生成。

故而 Hallmark 更像一位“结构审查官”：重点在于确保页面不落入熟悉的 AI 模板陷阱。

可以简单理解为：

Taste Skill → 更侧重“风味” 适合营销页、作品集及品牌页，旨在快速重塑页面气质与视觉风格。

Hallmark → 更侧重“骨架” 适合希望彻底摆脱模板感、特别在意“不与上一版雷同”的场景。

若想快速上手，建议先精通其中一种。

若想深度组合，可尝试： 官方 frontend-design 基础 + Taste 调氛围 + Hallmark 审结构。

从而构建起从基础设计→ 视觉润色 → 结构去同质化 的完整工作流。

最后，我们来看看对比效果：

同样的指令，改造前：

改造后：