juliobsz/skills

如果你已经在用能力足够的编程 Agent，又想要一个视觉上有主张的作品集或发布页，这个 skill 值得在一个真实项目上试一试。它把空白页问题换成了一个有主见、会自我审查的构建流程。

解决什么问题

如今用编程 Agent 做出好看的营销页，往往要反复几轮同样的循环：让它做首屏，得到通用渐变；让它加动效，手机上就出问题。用户想要的是一个身份统一、能交付的站点，卡点在美术方向——Agent 默认给出普通模型会产出的东西。这个 skill 改的就是这一步：先让 Agent 写下概念、美术方向和评分标准，再写标记，然后截图、修问题。用户最后拿到的是一个构建完成、经过审计的站点，而不是一份 HTML 草稿。

有什么不同

价值主要来自流程，而不是模板。README 描述了六个阶段：推断简报并把缺失信息写成假设，而不是发问卷；从不同领域各出一个概念共三个，再选一个；然后把配色、字体搭配和动效语言写进 DESIGN.md。构建前有一道“平庸测试”，用来在动手前杀掉普通模型的套路感。构建后进入 QA 循环：跑生产构建，抓取检查 SEO、元数据、无障碍、体积、占位文案，并在桌面、移动端、减少动效和中途过渡状态下截真实浏览器图。它会在限速手机环境测量 LCP 和 CLS，并运行 axe。另一个没看过计划的独立评审子 Agent 会按评分表打分，Agent 反复修到每个类别都到 8/10。

代价是这是一次多步骤的长跑，会真的调用浏览器和辅助脚本，不是快速生成。它也强加了审美：三个概念、一个精选免费字体库和一个目标分数决定了你拿到什么。如果你已经有特定品牌系统或既有设计语言，它的美术方向可能是在打架而不是帮忙。另外“获奖级”是作者的宣称，成品是由 skill 自带的评分表判定的，不是外部评审团。

谁值得试

适合的人：已经能跑 Agent 的开发者或设计师，想要一个说服力强的个人作品集、工作室落地页或产品发布页，在意图标方向且愿意把控概念。README 自己的例子——里斯本建筑工作室、机械键盘发布——说明了它想服务的是小而故事驱动的站点。不适合的人：需要把页面放进既有设计系统的，或者只想要一个随手丢掉的草稿的——安装和 QA 循环带来的额外开销，对于一次性页面并不划算。可选的 /jury skill 也用同一套评分表给任何已有站点打分，所以评估竞品的设计师可以只装这一半，不一定要建站。

使用条件与边界

skills CLI 需要 Node 22.20+，辅助脚本需要 Node 20+。站点项目里要有 Playwright 和 axe-core，需要时 skill 会把它们装成 dev 依赖；/jury 则只在 ~/.cache/jury 里装一次，不动被评审的项目。还需要能读图的模型，QA 循环才能看自己的截图——纯文本模型会直接打断这个核心反馈回路。

日常维护也要算进去：skill 要用 npx skills update -g 更新，Agent 只在新会话里读取 skill，用 skills CLI 和 Claude Code 插件两种方式同时装会出现重复。README 也明确说，skill 是 Agent 会执行的指令，这些指令会在你的机器上跑构建和脚本，所以安装前先读 SKILL.md。只有在要部署时才需要 Vercel、Netlify 或 Cloudflare 账号，而且没有你的确认不会部署。具体路径见安装与排错说明。

HotRepo 点评

HotRepo 只有 2026-10-24 到 2026-10-25 两个记录日期和一条观察：2026-10-25 在 javascript 新项目榜（不是总榜）以 935 总星数排第 10，这不是单日增长。样本太薄，无法判断关注能否持续，所以把星数当作一个 13 天新仓库的快照，而不是势头的证据。采用前先确认你的 Agent 和模型确实满足读图与 Playwright 要求，因为 QA 循环是在这里生效或悄悄退化。