Together AI 的网页设计技能:给代理定 16 条不能放宽的底线(颜色和字体走 token、不编造数据和评价、首屏放下标题和主按钮等),从主题库发三个方向挑一个,搭完用 sloplint 在浏览器里查违规再交付。
skills.sh 安装量 74901(+2635 / 24h)
安全审计:有风险提示
- 引用了未扫描的脚本:scripts/sloplint.mjs、scripts/capture.mjs、scripts/theme.mjs
- 审计范围:GitHub nutlope/hallmark/skills/hallmark/SKILL.md(只扫描 SKILL.md 文本)
理由
- 底线落到具体 CSS:不用 transition: all、不动画 width / height / top / left、html 和 body 用 overflow-x: clip、可交互元素都有 :focus-visible、动画都有 prefers-reduced-motion 回退
- 开工前只问一次四件事(素材、受众、页面要驱动的动作、语气);没给的数字、引语、logo 一律留空,不让代理编
- theme.mjs 按提示发三个主题并记日志,避免连续两次做成同一个样子;作者称主题库有 50 种材质、照片库有 755 张开放许可照片,用到时在页脚署名
- skills.sh 24 小时安装 2635,累计 74901;最近一周 6181,前几周都在两千多(只代表关注度)
用法
- npx skills add https://github.com/nutlope/hallmark --skill hallmark(作者 README 用 npx skills add nutlope/hallmark -g 全局安装);也有 Claude Code 插件
- 做新页面直接描述需求;改已有页面要点名,如 /hallmark redesign <路径> 或 /hallmark audit <路径>
- 需要 Node 18+;浏览器检查和截图另需 npm i -g puppeteer-core 和 Chrome,没有时只跑静态检查
风险
- 审计提示的 sloplint.mjs、capture.mjs、theme.mjs 三个脚本没有扫描;SKILL.md 会让代理用 Node 运行它们,capture.mjs 会打开你的产品网址或开发服务器截图,与用途相符
- 照片库只存 Wikimedia Commons 的链接、不含图片文件,用到时要联网取图;扫描没有单列这项联网
- 流程要读多份参考文件并多轮复查,作者也写明多加载文件是最大的可避免成本