[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$ft6jdka6cfmr5":3},{"code":4,"message":5,"data":6,"timestamp":38},10000,"success",{"full_name":7,"position":8,"description":9,"language":10,"stars":11,"forks":12,"stars_gained":13,"age_days":14,"hn_threads":15,"one_liner":16,"summary_md":17,"topic":18,"github_topics":21,"license":34,"homepage":35,"updated_at":36,"history":37},"juliobsz\u002Fskills",10,"An agent skill that builds award-caliber websites from one line","JavaScript",938,37,71,13,[],"一个 Agent skill，用一句话让 Claude Code 或 Codex 按获奖级流程建站并自评打分。","如果你已经在用能力足够的编程 Agent，又想要一个视觉上有主张的作品集或发布页，这个 skill 值得在一个真实项目上试一试。它把空白页问题换成了一个有主见、会自我审查的构建流程。\n\n## 解决什么问题\n\n如今用编程 Agent 做出好看的营销页，往往要反复几轮同样的循环：让它做首屏，得到通用渐变；让它加动效，手机上就出问题。用户想要的是一个身份统一、能交付的站点，卡点在美术方向——Agent 默认给出普通模型会产出的东西。这个 skill 改的就是这一步：先让 Agent 写下概念、美术方向和评分标准，再写标记，然后截图、修问题。用户最后拿到的是一个构建完成、经过审计的站点，而不是一份 HTML 草稿。\n\n## 有什么不同\n\n价值主要来自流程，而不是模板。README 描述了六个阶段：推断简报并把缺失信息写成假设，而不是发问卷；从不同领域各出一个概念共三个，再选一个；然后把配色、字体搭配和动效语言写进 `DESIGN.md`。构建前有一道“平庸测试”，用来在动手前杀掉普通模型的套路感。构建后进入 QA 循环：跑生产构建，抓取检查 SEO、元数据、无障碍、体积、占位文案，并在桌面、移动端、减少动效和中途过渡状态下截真实浏览器图。它会在限速手机环境测量 LCP 和 CLS，并运行 axe。另一个没看过计划的独立评审子 Agent 会按评分表打分，Agent 反复修到每个类别都到 8\u002F10。\n\n代价是这是一次多步骤的长跑，会真的调用浏览器和辅助脚本，不是快速生成。它也强加了审美：三个概念、一个精选免费字体库和一个目标分数决定了你拿到什么。如果你已经有特定品牌系统或既有设计语言，它的美术方向可能是在打架而不是帮忙。另外“获奖级”是作者的宣称，成品是由 skill 自带的评分表判定的，不是外部评审团。\n\n## 谁值得试\n\n适合的人：已经能跑 Agent 的开发者或设计师，想要一个说服力强的个人作品集、工作室落地页或产品发布页，在意图标方向且愿意把控概念。README 自己的例子——里斯本建筑工作室、机械键盘发布——说明了它想服务的是小而故事驱动的站点。不适合的人：需要把页面放进既有设计系统的，或者只想要一个随手丢掉的草稿的——安装和 QA 循环带来的额外开销，对于一次性页面并不划算。可选的 `\u002Fjury` skill 也用同一套评分表给任何已有站点打分，所以评估竞品的设计师可以只装这一半，不一定要建站。\n\n## 使用条件与边界\n\nskills CLI 需要 Node 22.20+，辅助脚本需要 Node 20+。站点项目里要有 Playwright 和 axe-core，需要时 skill 会把它们装成 dev 依赖；`\u002Fjury` 则只在 `~\u002F.cache\u002Fjury` 里装一次，不动被评审的项目。还需要能读图的模型，QA 循环才能看自己的截图——纯文本模型会直接打断这个核心反馈回路。\n\n日常维护也要算进去：skill 要用 `npx skills update -g` 更新，Agent 只在新会话里读取 skill，用 skills CLI 和 Claude Code 插件两种方式同时装会出现重复。README 也明确说，skill 是 Agent 会执行的指令，这些指令会在你的机器上跑构建和脚本，所以安装前先读 `SKILL.md`。只有在要部署时才需要 Vercel、Netlify 或 Cloudflare 账号，而且没有你的确认不会部署。具体路径见[安装与排错说明](https:\u002F\u002Fgithub.com\u002Fjuliobsz\u002Fskills\u002Fblob\u002Fmain\u002FREADME.md)。\n\n## HotRepo 点评\n\nHotRepo 只有 2026-10-24 到 2026-10-25 两个记录日期和一条观察：2026-10-25 在 javascript 新项目榜（不是总榜）以 935 总星数排第 10，这不是单日增长。样本太薄，无法判断关注能否持续，所以把星数当作一个 13 天新仓库的快照，而不是势头的证据。采用前先确认你的 Agent 和模型确实满足读图与 Playwright 要求，因为 QA 循环是在这里生效或悄悄退化。",{"slug":19,"name":20},"developer-tools","开发工具",[22,23,24,25,26,27,28,29,30,31,32,33],"agent-skills","astro","awwwards","claude-code","claude-skills","codex","creative-coding","frontend","gsap","nextjs","web-design","webgl","MIT",null,"2026-10-25T02:49:04Z",[],1792915281]