ARTICLE DETAIL

资讯详情

深耕郑州网站建设与运营推广的一线实战洞察。

Hallmark CSS stamp 机制深拆:为什么每次构建都在样式表顶部留指纹

Hallmark CSS stamp 机制深拆:为什么每次构建都在样式表顶部留指纹 Hallmark CSS stamp 机制深拆为什么每次构建都在样式表顶部留指纹【免费下载链接】hallmarkAnti-AI-slop design skill for Claude Code, Cursor, and Codex.项目地址: https://gitcode.com/GitHub_Trending/hal/hallmarkHallmark是一个专为 Claude Code、Cursor、Codex 设计的反 AI 味设计技能它拒绝让每个页面看起来都像同一个模板。而实现每次都不一样的关键正是本文要深拆的CSS stamp 机制——每次构建后Hallmark 都会在样式表第一行留下一枚注释指纹记录这次用了哪种宏结构、主题和色调。这枚小小的指纹就是它避免AI 千页一面的核心记忆装置。什么是 CSS stamp为什么需要它一句话stamp 是写在 CSS 文件顶部的建造日志。规则很简单规定在 skills/hallmark/SKILL.md产出 CSS 文件的第一个非空行或内联style的顶部必须是一条形如/* Hallmark · macrostructure: 名称 · tone: 调性 · anchor hue: 色相 */的注释。为什么非要占住第一行因为 AI 生成网页有个顽疾不管什么需求都会滑向同一个默认吸引子——同样的 Bento 网格、同样的衬线大标题、同样的配色。Hallmark 的解法是让上一次的选择变成这一次的约束下一次构建前Hallmark 先扫描代码库里已有的 stamp见 SKILL.md §2. Pick a macrostructure FIRST一旦发现就强制挑选一个不同的宏结构绝不重复。这就是为什么每次构建都在样式表顶部留指纹——指纹不是装饰是跨会话的防重复锁。指纹里到底写了什么来看 site/_tests/01-tide-podcast/style.css 里的真实样本/* Hallmark · macrostructure: Letter · H6 hero knobs: salutationgreeting, body3 paragraphs, signoffinitials * theme: Salon · accent: warm-amber ~2% · enrichment: none (typography only) * studied: no · context: skipped, inferred (audio domain) · v0.6.0 */一枚完整的指纹可以读出四类信息字段作用macrostructure页面骨架名称如 Letter、Bento Grid、Manifestothemeaccent22 个主题之一以及主色调锚点hero knobs首屏组件的调节参数解释结构细节studied/v0.6.0是否来自 study 提取的 DNA、规则版本对于自定义主题和study DNA构建指纹会更长多行格式记录 OKLCH 色值、字体配对和三条多样化轴纸面明度 / 显示字体风格 / 强调色相完整格式见 skills/hallmark/references/custom-theme.md。官方甚至把stamp 是 durable record持久记录写进了文档audit 命令读它下一次构建读它用户也能读它。指纹 日志双记忆系统stamp 是刻在产出物里的记忆但 Hallmark 还配了一份外部记忆——项目根目录的.hallmark/log.json规则见 SKILL.md §Step 6每次构建后追加一条记录日期、宏结构、主题、enrichment 手法、一句话需求摘要只保留最近 20 条滚动淘汰下一次构建时读取最近 3–5 条宏结构不能与前 3 次重复。两份记忆互为备份即使日志丢了只要 CSS 文件还在扫描 stamp 也能推断出上一次的选择SKILL.md。反过来日志里记录的导航/页脚原型N1–N10、Ft1–Ft8也回写进 stamp让导航 页脚这一层指纹同样参与轮换。这种产出物自带指纹 项目级日志的设计让多样化能力不依赖会话上下文——关掉重开、隔天再来Hallmark 依然知道最近做过什么从而避开重复。对普通用户意味着什么你不需要理解全部规则只需要知道三件事看首页 CSS 第一行就能知道这个页面是什么骨架、什么主题——一行注释全程透明连续生成多个页面时结构会自动轮换site/_tests/ 目录里的 13 个测试案例没有两页共享同一宏结构审计现有代码时hallmark audit直接读 stamp 判断页面出身studied: yes的页面会用不同标准评判见 skills/hallmark/references/study.md。小结一枚指纹防住模板化CSS stamp 机制的精髓不在那行注释本身而在于它把**我上一次选了什么变成了这一次必须避开什么**——用最轻量的方式一行注释 一个小日志文件解决 AI 生成页面最顽固的同质化问题。想自己动手验证把技能装进你的 AI 编码工具后连续构建两页对比两个 CSS 文件的第一行你会立刻看到这枚指纹的工作方式。更多规则细节可翻阅 skills/hallmark/references/ 参考文档以及 docs/recipes.md 中的实战示例。【免费下载链接】hallmarkAnti-AI-slop design skill for Claude Code, Cursor, and Codex.项目地址: https://gitcode.com/GitHub_Trending/hal/hallmark创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表