用 AI 写前端页面，现在最怕看到什么？紫色渐变。
再配个巨大的居中标题，下面三张圆角卡片，图标一摆，按钮一放。
齐活。
功能兴许没毛病，但客户一眼就能认出来：“哦，AI 做的。”
最近在云栈社区刷到 Hallmark，我一开始还以为又是给 Prompt 套一层“高级审美”的皮。结果翻进它的 SKILL.md，啧，这玩意儿管得是真宽。
它不是告诉 Claude Code、Cursor、Codex“页面做漂亮点”，而是直接给模型立规矩：别再往训练数据里最常见的那套 UI 上靠。
目前 Hallmark 已经冲到 2.53 万 Star，作者就是 Nutlope，也就是 Hassan El Mghari。项目现在内置 21 套主题，不只换颜色，还会先选页面的 macrostructure，最后过 57 道 slop test，再做一遍六个维度的自我审查。
这地方我挺喜欢。
因为 AI 页面难看的根本原因，很多时候不是 CSS 不会写，而是结构太熟了。Hero、三列 Feature、CTA、Footer，一条流水线走到底。你把紫色换成绿色，字体从 Inter 换成别的，骨头还是那副骨头。
Hallmark 偏偏先动骨头。
它甚至明确要求，不同需求生成出来的页面不能只是“同模板换皮”，结构本身就得拉开差异。官网上的 Audit 示例也很直白：紫粉渐变、Inter 通吃、全部居中、Sparkle 小图标这些常见 AI 痕迹，直接一个个抓出来。
以前看 AI Coding 工具，比较烦“功能名很牛，链路没接上”。Hallmark 这次倒挺实用，它不只有默认生成，还能 audit 现有页面、redesign 推倒结构重来，study 则拿网页或截图提取设计 DNA。
但先别急着吹成万能设计师。
规则多不等于审美永远在线，而且仓库里已经有人提 issue，说整个 Skill 接近 1MB、文档还有执行上的矛盾。真拿到复杂业务后台里，组件状态、数据密度、可访问性这些东西，照样得人盯着。
安装倒是真省事：
npx skills add nutlope/hallmark
我会拿它干什么？不是让它从零“替我设计”，而是专门收拾 Claude Code 那些一眼 AI 的默认页面。尤其 Demo、产品官网、周末做的小工具，写完先过一遍 Hallmark，成本很低。
至少别再给我紫色渐变三卡片了。
GitHub 地址： github.com/Nutlope/hallmark | 
发表于 10 小时前
|
查看: 5|
回复: 0
