五件事：查、认、诊、看、说
从认识一个词，到让 AI 把页面改对，每一步都有对应的工具。
查：术语库
前端和 AI 编程的常用术语，每条都有大白话定义、线框示例和「怎么跟 AI 说」。
浏览术语库认：插件悬停识别
在自己正在开发的页面上悬停鼠标，直接看到这个组件叫什么、干什么用。
安装插件诊：推荐诊断
分析整页，指出哪块布局或组件用得不合适、该换成什么，理由引用术语库原文。
分析页面看：效果预览与 Agent 升级
单条推荐生成改造前后的线框对比；整页可以让 Agent 复刻后应用推荐，多轮调整。
了解 Agent 升级说：复制给 AI 的指令
把采纳的推荐转成一段指令，说清改哪块、改成什么、为什么，直接贴给 Cursor 或 Claude Code。
看看指令长什么样
改造前后对比
一个常见问题：只读的客户详情，被 AI 做成了一排禁用的输入框。诊断会指出问题，推荐换成描述列表，并给出依据。
三步用起来
- 第 1 步
采集页面
本地开发中的页面用插件一键分析；也可以上传截图，或者输入公网网址。
- 第 2 步
看诊断
逐块看当前用的是什么布局和组件、哪里不合适、推荐换成什么，每条都能追溯到规则和术语原文。
- 第 3 步
预览并转述
采纳推荐后预览改造效果，再复制一段指令给你的 AI 编程工具，让它照着改。
在自己的页面上悬停识别
浏览器插件支持 Chrome 和 Edge。默认只在 localhost 和 127.0.0.1 上工作，只有你主动点分析时才上传页面内容。