0 Fork 0

Files

T

admin acfb252bee feat(skills): 两包资源索引机制与双向对账脚本

- product-planning：新建 references/manifest.md 作资源唯一登记处（资源／落点／引用点／口径）；
  顶层 SKILL 加两条硬规矩，design-capture、stage-delivery、execution-runbook、stage-requirements
  四处把散落路径改为「落点见 references/manifest.md」
- session-mechanism：01-文档索引 新增 §四「包内资源索引」，并说明不放 manifest.md 的理由
  （那份由 install.py 本机生成、被 .gitignore 挡着）
- 新增两包共用的 scripts/check_resource_index.py（双向对账）与 product-planning/scripts/check_figures.py（图片机检），
  selftest 补对应用例，06-技能优化规程 写入写法规矩
- .gitignore：新增 _留痕/ 不入库（改造前整包快照，180K／688K，库内从无先例）

2026-10-18 18:07:40 +08:00

3.0 KiB

Raw Blame History

name, description, agent_created

name	description	agent_created
design-capture	③段独立工具 —— 输入一个网站 URL，抓取它的设计风格与组件样板，生成一套可直接选用的样式模板（design-system-<名>/，与 design-system-tiaoyue 同构）。当用户说「获取 XXX 网站的设计风格」「抓一下这个网站的风格/配色/字体/组件」「按某网站风格新建一套样式」「把某个网页变成设计系统」时调用。	true

design-capture · 网站设计风格抓取（③段独立工具）

把「一个网址」变成「一套可选样式模板」：抓源站 → 落原始设计系统 → 生成 design-system-<名>/ 模板包（与③段样式套目录里那套 design-system-tiaoyue 同构），随后可被 D1 定调当普通样式套用。

一、什么时候用

用户说「获取 XXX 网站的设计风格」「抓这个网站的配色/字号/组件」「按这个网站新建一套样式」。
③段 D1 定调时，现有样式套目录（落点见本技能 references/manifest.md 的「样式套目录」行）里没有合适的套 → 从某个标杆网站现场新建一套。

二、怎么用（两步）

第一步 · 抓取（本机 Chrome + CDP，零其他依赖）

node scripts/capture_design_system.mjs --url https://example.com --out raw.json

前置：本机有可连的 Chrome 远程调试端口；没有就先起一个： chrome.exe --remote-debugging-port=9333 --user-data-dir=<临时目录> about:blank
产出 raw.json：含 html（设计系统 HTML）、data（结构化：palette/typography/assets/components/layout）、resources。

第二步 · 生成样式模板包

python scripts/build_style_package.py --raw raw.json --out ./design-system-<名> --name "<样式名>"

可选暗色：--dark-raw dark.json（另跑一次暗色采集再并入）。
产出：SKILL.md ＋ assets/tokens.css（＋tokens-dark.css）＋ assets/brand.json ＋ references/{components.md,library.json,design-system.html,capture-notes.md}。

第三步 · 装进样式库（供 D1 选用）把生成目录整体放进样式套目录（落点见本技能 references/manifest.md 的「样式套目录」行）下的 design-system-<名>/，即成为可选样式；③段 D1 定调时与 open-design 的套同权，每次只选一套。

三、边界（如实登记）

⛔ 不依赖 open-design daemon：抽取脚本已搬进 vendor/，只连本机 Chrome。
⛔ 不抓登录墙后 / 需交互才出现的内容：抓的是「页面上可见的样式」。
⛔ 跨域样式表若禁止读取，其规则不进统计。
组件是「每类一个代表性样本」（button/input/card/nav），不是全站枚举。
暗色：默认只抓亮色；要暗色须对暗色形态另跑一次（--dark-raw）。
抓取质量取决于源站；生成后应目视比对再采用。

四、归属

vendor/brand-capture.js 搬运自 open-design clipper（Apache-2.0），细节与改造见 ATTRIBUTION.md。

3.0 KiB Raw Blame History Unescape Escape