01 · PROBLEM

网页为什么一眼就是 AI 做的

上次分享了用WorkBuddy来搭建个人工作台网页，有小伙伴反馈，网页做出来的AI味道太浓了，不好看。

确实，网页的AI味道，比文字要来得更直观，不是什么蓝紫配色，就是各种渐变，千篇一律，甚至于你一看，就知道是用哪个大模型开发的。

那个味道就跟人身上的狐臭一样，所以急需一款能够消除味道的Skill。

今天它来了，它叫Hallmark，开源地址如下：

github.com/Nutlope/hallmark

Hallmark虽然是一款为Claude Code、Cursor和Codex的设计 Skill，有2万多的Star。

但常识大家得明白，Skill在大多数Agent上都是通用的。除了个别变态的Agent软件，不支持安装外部的Skill。

02 · HALLMARK

Hallmark 如何消除 AI 味

Hallmark这款Skill在使用时，会先定页面骨架，再从20套主题中锁定视觉基调，并经由57条严苛规则剔除网页的AI味。

若标准主题无法满足创意诉求，还可切入Custom模式，对配色、字体及布局进行深度定制。

就是说单独修改任意元素也是可以的，并不局限于Skill内置的主题。

同时老马在实际使用上，也发现Hallmark的邪修用法，它克隆网页的效果居然还可以，这就意味着，只要你想要复制的网页风格，都能实现。

03 · INSTALLATION

在 WorkBuddy 安装 Hallmark

废话不多说，今天就用WorkBuddy来给大家演示一下这款Skill的使用，以及展示一下效果，模型依旧使用限时免费的Hy3。

打开WorkBuddy后，在对话框里面输入以下命令安装Hallmark Skill：

npx skills add nutlope/hallmark

期间有可能WorkBuddy会提示你是否删除数量50项，阈值50项，点击允许本次删除即可：

正常情况下安装成功后，WorkBuddy就会告诉你已经完成，并介绍Hallmark Skill的大致用法。

如果安装不成功，或者提示网络有问题，访问不了找不到这个Skill。

那基本上就是你的网络访问不了github了。

老规矩，给老马的公众号发送“github访问”，按照AI回复的文字指示去操作。

或者，你也可以问WorkBuddy，如何设置hosts实现github访问。

04 · PRACTICE

第一次生成个人主页

Hallmark Skill安装完了，老马就直接让WorkBuddy使用这个Skill，去生成一个个人介绍的主页，提示词依旧是一句话，主要是看看生成后的网页效果，还有没有AI味：

总体来说，AI味是没有了，页面风格设计很简约，但不符合老马浮夸的审美。

下一步，当然是可以继续跟WorkBuddy沟通，告诉它，配色怎么改，布局怎么改。

∞ · POSTSCRIPT

截图复刻与模板沉淀

但这里老马选择走邪修的玩法，找了一个黑白像素风格的网页，截了张图，丢给WorkBuddy。

然后让它使用Hallmark Skill，复制这个风格去重新设计网页：

令人意外的是，复制后的风格居然还不错，起码能达到9成以上。

剩下Hallmark Skill的其他内置主题风格，就不给大家一一测试了。

因为有一点可以肯定的是，AI味道是没有了，个人喜好问题，自己再去调。

调得不错的主题，你就让Skill记录下来，作为自己的模板库，以后都能重复用上。

END

好了，以上就是今天的分享。

欢迎关注、点赞、转发一键三连。

有任何问题和需求，请在评论区留言，回见！