AI 生成 Demo 后的修改方式

看着成品批注，让 AI 接着改。

无论是刚生成的 Demo，还是准备对外分享的 HTML 页面，都不用回到聊天框描述“这里”。点选具体元素写修改意见，Amarker 会带上 CSS 选择器、页面位置和原始 HTML，一次交回 Claude Code、Cursor 等 AI 工具。

获取插件打开看板

适合从“AI 先做一版”进入“边看边改”的阶段。

从一次静态 HTML 原型的团队走查里长出来 —— 看看它是怎么来的

页面已经能看了，就在成品上告诉 AI 哪里要改。

Demo、对外分享页和交互原型都一样：点选渲染后的按钮、标题、卡片或表单，把修改意见和 DOM 上下文一起留下。

这个按钮文案
看不懂在提交啥

对齐一下
间距

改成主色

这里要不要
删掉？

→ 复制给 AI

.btn-primary → 文案改「提交批注」

.card-list → 间距统一 12px

.hero-cta → 用主色 #006FEE

selector · elementHtml · sectionTop 已全部附带

“生成一版 → 分享查看 → 点选批注 → 交回 AI 修改。” 不再靠截图和“第几个按钮”来回描述。

每条批注都绑定具体 DOM 元素。你自己看完可以交给 AI，分享给别人看后，也能把对方的反馈原样带回来。

01 定位

批注绑定到具体 DOM 元素，记录选择器、页面文本和附近结构。

02 记录

批注就在当前页面上完成，能连续标好几条，不用来回切工具。

03 交接

批注整理成带选择器和原始 HTML 的 Markdown，复制给 AI 后能直接定位。

Demo 和对外分享页面的迭代闭环，只留三步。

让 AI 先生成一版，再从右侧侧边栏进入“页面批注”。

悬停高亮，点击记录反馈。按钮、标题、卡片和表单都能定位。

把结构化批注粘到 Claude Code、Cursor 或其他开发助手中，继续生成下一版。

在页面上圈出要改的地方，带着准确的 HTML 上下文交回 AI。