别再对着配色间距反复试半天了。这套设计技能装进写代码的助手，能替你搭新页面、改版重做视觉。
怎么用
装好后，直接让工具帮你做新页面、审查页面，或输入“重设计/审查/研究”加上目标链接或截图。它会按这个技能自动生成更有风格的界面方案。
核心用法
它用于 AI 编程助手在默认设计流程、审计、重设计和研究（study）场景下工作。默认模式用于新建设计；audit 输出针对目标的排名问题清单；redesign 在保留既有边界内重做视觉与交互层；study 从截图或 URL 提取设计 DNA，并可进一步生成可移植的 design.md（设计说明文档）。
触发场景
构建新应用或落地页、需要审计现有设计、需要重设计现有页面、需要从截图或 URL 提取设计特征、提到 Hallmark 名称、使用 audit/redesign/study 术语
优劣特点
亮点包括：强调结构多样性而不只视觉差异；覆盖新建、审计、重设计、研究四类流程；明确了在既有项目中的编辑边界与安全约束。局限或前提包括：Powered by Together AI（由 Together AI 提供支持）；study 的 URL 模式依赖 WebFetch 读取页面 HTML 和 CSS；对模板市场 URL 有拒绝规则；design.md 的 URL 模式输出有更严格的来源声明要求。
适用人群
使用 Claude Code、Cursor、Codex 等 AI 编程助手进行界面设计、页面重设计、设计审计、设计拆解的开发者、设计工程师和产品团队。
详细说明
它能帮你新建应用页、落地页，或对现有页面做审查、重设计，还能从截图或网址里提取设计风格。适合用 Claude Code、Cursor、Codex 这类 AI（人工智能）编程工具做前端的人，尤其是想要更有质感页面的新手。
常见问题
它是做什么的？
别再对着配色间距反复试半天了。这套设计技能装进写代码的助手，能替你搭新页面、改版重做视觉。
支持哪些工具？
这个技能可以装进 Claude Code、Codex。
怎么用？
装好后，直接让工具帮你做新页面、审查页面，或输入“重设计/审查/研究”加上目标链接或截图。它会按这个技能自动生成更有风格的界面方案。
源码在哪里？
源码地址：https://github.com/Nutlope/hallmark/tree/main/skills/hallmark
怎么安装？
安装在星算助手客户端里完成 —— 由它决定装进 Claude Code、Codex 还是别的工具，并写好对应配置。