Hallmark study 构建流程从 DNA 诊断到锁定构建的完整指南【免费下载链接】hallmarkAnti-AI-slop design skill for Claude Code, Cursor, and Codex.项目地址: https://gitcode.com/GitHub_Trending/hal/hallmarkHallmark 是一个反 AI 模板味anti-AI-slop的设计技能而 study 是它最有特色的动词给它一张你欣赏的页面截图或一个网址它会做一份“设计 DNA 诊断报告”——不抄像素只提取结构、字体搭配、色彩锚点与节奏。本文带你走完从 study 诊断到锁定构建、并挂起多样性的完整流程新手也能照着做。为什么用 study提取设计 DNA而不是像素级复制AI 生成的网页最大的问题不是难看而是千篇一律居中标题 三张卡片 CTA 页脚换个配色就是一份新模板。Hallmark 对此的态度是“结构性多样”——同一个技能为两个不同需求产出的页面应该像两个不同的网站而不是同一模板的换色版。study 的心智模型很简单一位喜欢某个参考站点的设计师绝不会把它复印下来。他会看足够久说出啊——这是一个 Marquee Hero 配单栏正文、斜体衬线标题配等宽字体标签、锚在一个低饱和度森林绿上然后用同一副骨架做一个完全不同的东西。这句话就是 study 的产出。它的核心承诺写在协议文件 study.md 里✅ 提取DNA宏观结构macrostructure、组件原型archetype、字体搭配角色、色彩锚点、节奏❌ 永不复制像素、永不输出原站的外壳❌ 拒绝模板市场的付费模板截图/网址⏸️ 先给诊断报告等用户确认后才写代码study 诊断报告五步协议与 10 个结构化字段study 支持两种输入模式自动检测以http://或https://开头走URL 模式能读到精确的字体名和 OKLCH 色值但读不出节奏否则走图片模式看截图节奏能读但字体只报“角色”不报具体名字——因为视觉识别字体一半时候会错。无论哪种模式提取都按固定的五步协议顺序进行详见 study.md 的五步协议Surface表面纸张明度带深/中/浅、色调倾向、强调色色相与占比≤5% 算“小声”15% 算“刷屏”Type字体只认角色——展示角色、正文角色、标签角色再给出 1–2 个可落地的候选字体Structure结构把页面匹配到 21 种命名宏观结构之一索引见 macrostructures.md并为 Hero、导航、页脚分别挑原型与“旋钮值”原型目录在 component-cookbook.mdMotion动效识别揭示模式与缓动语气顺带标记transition-all、hover 放大这类不该带过来的反模式Rhythm节奏密度、留白纪律、不对称方向——这是 URL 模式的已知盲区会被明确标注五步之后填一份结构化字段表再渲染成一页纸的诊断报告约 10 句话包含宏观结构名、原型与旋钮、字体搭配、表面与强调色、密度判断以及一张“源页面有、但你不要带过来”的反模式清单。仓库里就有一份可直接阅读的完整实例diagnosis.md三个面向人类读者的演练案例在 study-examples.md。诊断报告的最后固定有两个钩子确认问题“用这套 DNA 构建还是先换掉某一个轴”输出钩子“或者说lock the DNA把这套 DNA 导成可移植的 design.md”两个都是选做——不点头study 就停在诊断一行代码也不写。确认之后构建、挂起多样性或锁定 design.md用户确认后流程分三条岔路协议见 SKILL.md 的 hallmark study 章节你的回答接下来发生什么“build it / 用这套 DNA 构建”进入默认构建流程走studied-DNA 主题路线下一节详述“lock the DNA / 给我一份 design.md”按 design-md.md 的格式导出一份可移植的 design.md沉默 / “诊断就够了”停止。诊断报告本身就是一份完整交付物锁定构建studied-DNA 成为系统多样性被挂起一旦你说“build it”构建流程的主题路由会命中一个特殊条件studied-DNA。此时跳过主题目录catalog与自定义custom的分发——诊断报告里的纸张 OKLCH、强调色、字体角色、宏观结构、导航/页脚原型直接成为本次构建的锁定系统多样化规则被挂起平时 Hallmark 强制“两次构建必须在纸张明度/展示风格/强调色三个轴上至少差一个”而这次你在跟随外部 DNA不是在轮转目录所以不轮换产出的 CSS 第一行会打上theme: studied-DNA (source: ...)的印章并内联真实的色值与字体候选项目记忆.hallmark/log.json里也记为theme: studied-DNA下一次运行时不会拿它当“上一页”来反着轮换如果你之后改口——“用 Linen 主题代替”——就切回正常分发多样化恢复运转这个studied: yes印章还会影响后来的audit审计对用户显式选择的 DNASpecimen 惯性这类检查会更宽松但“页面有没有真的用上提取的 DNA、还是偷偷漂回默认模板”这一条查得更严。完整的一次演练输入 → 诊断 → 构建 → 印章可以看 study 测试笔记 和 verbs 测试说明。挂起多样性 ≠ 放弃一致性用 lock the DNA 把 DNA 固化成文件“挂起多样性”只作用于那一次构建如果你希望这套 DNA 成为整个项目的长期系统就触发design.md输出。要点触发短语是硬门槛只有你说 “lock the DNA”“give me a design.md”“make this portable” 之一才会写文件只确认诊断不算输出有比诊断更严的许可层图片模式默认放行截图归你URL 模式必须先回答一个问题——这个网址是 (a) 你自己的站、(b) 自己品牌的公开参考还是 (c) 别人的站(c) 会被拒绝文件里带## Provenance来源与日期和## Notes不要带过去的反模式区块写文件之后规则反转后续所有 Hallmark 运行会先读 design.md目标从“每页都不同”变成“每页都一致”——多样性正式让位于系统一致性上手清单新手照这 4 步走准备参考一张截图推荐节奏可读或一个公开页面 URL一次只给一个来源——五个截图混合提取只会得到“模板汤”触发诊断对 AI 助手说hallmark study 截图或URL等待一页纸的诊断报告做决定改一个轴如只换主题、说build it进入锁定构建、或说lock the DNA导出可移植文件验收检查产物 CSS 首行的studied: yes印章与 tokens.css 风格的令牌引用确认内容全是你自己的、参考站的一个像素都没被抄走记住 study 的一句话边界骨架来自截图文字与项目来自你——这既是它的纪律也是它和你想要的“像素级克隆工具”之间最大的区别。【免费下载链接】hallmarkAnti-AI-slop design skill for Claude Code, Cursor, and Codex.项目地址: https://gitcode.com/GitHub_Trending/hal/hallmark创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考