Hallmark

产品详细介绍

Hallmark 是 Hassan 与 Youssef 创建的网页设计技能，可接入 Claude Code、Codex 和 OpenCode。它服务于借助编程助手制作网站的开发者与创作者，将视觉选择、内容准备和页面实现组织成一套可执行的设计流程。

用户提供建站需求和真实素材后，技能会先明确目标与风格，再让助手开始制作。它将排版、色彩和照片使用规则带入生成过程，也能读取现有设计规范。项目以 MIT 协议开源，适合希望在现有编程环境中完成网页设计与迭代的人。

核心功能

【主题选择与定制】根据建站需求从五十套主题中挑选方向，或要求从头定制，获得可用于页面制作的字体、配色和照片风格。

【真实素材组织】提供自己的图片、数据或应用地址，让助手围绕实际内容组织页面，也可获取应用截图和带署名的授权照片。

【页面结构生成】让助手依据当前内容安排页面区块、顺序与版面，将选定的视觉方向转成具体网页，方便继续修改和完善。

【已有网站改版】明确指定需要改版的站点路径，保留原有内容、链接和表单，在既有项目上重新组织页面的视觉呈现。

【浏览器检查】生成后运行页面规则检查，并在真实浏览器中审阅结果，定位对比度、按钮和排版等问题，再继续调整页面。

适合谁

• 正在用编程助手制作网站，希望完善页面视觉的开发者。

• 有真实业务素材，需要快速形成网站页面的独立创作者。

• 希望保留现有内容和交互、更新网站外观的项目维护者。

使用方式

1. 在官网选择正在使用的编程助手，按对应命令安装 Hallmark 技能。

2. 调用技能说明网站用途、目标受众和页面需求，并提供已有素材。

3. 选择推荐主题或自定义方向，让助手组织内容并生成页面。

4. 查看浏览器检查结果，继续修改，已有网站可按官方改版指令指定路径。