web-design-extractor
Installation
SKILL.md
网站设计提取器
基于可见证据制作忠实的设计规格。必须区分已观察的事实与视觉推断;不得声称掌握输入资料未能证明的源 CSS、行为或资源。
选择证据路径
先探环境,再选路线——按能用的最强的来,别一上来就退源码。
① 用户项目里已有 playwright → 用它(代码最少,也不让人白装一个浏览器)
② 机器上有 Chrome / Edge → 用 scripts/browser-extract.mjs(零依赖,Node ≥ 22)
③ 都没有 → 退源码路线,并强制标注「转录边界」
具体怎么做、产物怎么读、有哪些坑,见 references/browser-route.md。
两条路线是叠加关系,不是二选一:源码给「这个站定义了哪些令牌、叫什么名字」, 浏览器给「哪些真的在用、用成了什么样」。能同时走就走两条。