product-planning(同步 26 改 65 新)
- 目录约定:docs/pm/<项目>/ ⇒ <工作区>/项目/<产品slug>/ 为产品根,下分 产品规划/ 与 产品原型/{designs,pages}
- ④段骨架六节 ⇒ 七节(新增「原型地址」;后两节改「页面导航」「原型状态取值」)
- ③段新增真机组件库;结案「源站只有暗色主题」,tokens.css(亮色)标为不可用于生产
- ③段改版规则反转为「一个产品只用一套原型、只留当前态」;②段新增 产品规划模板.md(表头唯一定义处)
- scripts:产品根定位重写(含 .registry/current-project 指针),新增 check_terms.py 与 selftest_product_root.py
session-mechanism(同步 3 改 2 新)
- references/06-技能优化规程.md 新增 §5「要求落在生成时看得见的面上」,总表 16 ⇒ 17 条;SKILL.md 同步
- scripts/collabctl.py 取回 _find_board() 候选定位(旧版写死 scripts/board.py,而看板已搬进 boards/会话看板/ ⇒ 旧版本就是坏的)
element-picker(新装)
- 按用户口径作「独立功能加入 product-planning」,非独立全局技能
- 修掉它自身三处路径漂移(技能根写法 ⇒ 同目录;README 两处旧落点;剪贴板示例文案与代码对齐)
工具归拢到技能级 assets/
- diagram-design / design-capture / element-picker / video-capture 从各段 assets/ 移到技能包 assets/
- 新增红线:本包有两处 assets/(技能级工具箱 vs 段内资产),引工具一律写「技能级 assets/<工具名>/」
- 路径口径由两类改三类(技能级工具箱 / 本段自带资产 / 同根技能)
不入库(磁盘保留)
- design-system-tiaoyue 整个目录(用户 2026-10-16 令):git rm -r --cached + .gitignore,理由=14 MB 且可 CDP 重采;
已在 ③段 SKILL.md 注明「取仓后这一层是空的属正常,用自带套需另取或重采」
- element-picker 的运行期存档 marks/(服务自己会建目录)
元素路径拾取器 · Chrome 扩展
在每个网页上点选元素,把它的 CSS 选择器和页面地址复制到剪贴板 —— 粘进 AI 对话框里就能精确改样式。
拾取器会自动注入到所有页面(默认不激活,页面右下角有一个半透明小胶囊),所以打开新页面就能直接用,不用先点扩展图标。
安装
1、在 Chrome 地址栏输入 chrome://extensions/ 回车。
2、打开右上角的「开发者模式」开关。
3、点左上角「加载已解压的扩展程序」,选中本目录(chrome-extension),确定。
装完工具栏上会出现一个扩展图标(灰块,因为没配图标)。要固定到工具栏:点浏览器右上角的拼图图标 → 在本扩展右侧点图钉。
用法
1、打开任意网页,页面右下角会有一个半透明的小胶囊(鼠标移上去变清晰)—— 这就是拾取器,已经在了。
2、按 Z 键,或点那个胶囊上的「开启」,或点扩展图标,或按 Alt+Shift+Z —— 任选一种进入拾取模式,胶囊上的圆点变绿、文字变「拾取中」。
3、鼠标划过元素出现蓝框、框上方显示路径;点一下要改的元素,弹出确认窗。
4、确认窗里有三行信息:元素标签、选择器、网页(下面还有一行元素文本,只给你核对点对没有,不进剪贴板)。
5、点「确认」—— 剪贴板里就是两行:
选择器:main#view > section.detail-card > button.primary:nth-of-type(2)
网页:短视频工作台
粘进对话框,再补一句要改成什么即可。想连着点几处就一直点,「确认」之后窗自己关,拾取模式仍然开着。
关闭
- 按
Esc:有弹窗先关弹窗,没弹窗就退出拾取模式。 - 也可以再按一次
Z,或点胶囊上的「关闭」,或再点一次扩展图标。
改快捷键
chrome://extensions/shortcuts 里找到本扩展,给「进/出元素拾取模式」换一个顺手的组合键。
可选:本地存档服务
每次点「确认」时,扩展会顺带把一条完整上下文(选择器、祖先路径、class、属性、尺寸、关键计算样式、HTML 片段)POST 到 http://127.0.0.1:8890/mark,落到本工具目录下的 marks/_ui-marks.json。
这个服务是上一层目录里的 ui-picker-server.js,起法(在本目录下执行):
node ../ui-picker-server.js 8890
没起也不影响使用 —— 复制功能完全独立,只是少一份存档。
已知边界
chrome://开头、Chrome 应用商店、以及其它浏览器内部页面不允许扩展注入,在这些页面上按Z不会有反应。- 因为要注入到每个页面,安装/更新后 Chrome 会提示本扩展可以「读取和更改您在所有网站上的数据」—— 它只在本地读写一个 shadow DOM 浮层与剪贴板,不上传任何内容。
- 复制走系统剪贴板接口,失败时自动退到备用方式;若两条都失败,弹窗里会直接把内容显示出来,手动选中复制即可。
改了代码怎么生效
改完本目录里的文件后:在 chrome://extensions/ 点本扩展卡片上的刷新(⟳)按钮,再刷新页面。不需要重新「加载已解压的扩展程序」。