开源一个插件，Chrome中可以直接编辑HTML

这两年，一个越来越明显的趋势是：HTML / Web 页面正在成为 AI 生成内容的重要演示载体。

Claude Artifacts、ChatGPT Canvas、Vercel v0、Figma Make 等工具，都在把自然语言变成页面、组件、原型或小工具。

原因很简单：HTML 能直接在浏览器里打开，能承载文字、图片、布局和交互，也很适合被 AI 生成。

但真正用起来时，经常会遇到一个小问题：
- 页面整体不错，但总有几个地方差一点。
- 比如某句话不准确，某张图片想换掉，某个模块多余，或者字号、颜色、间距不舒服。

这些当然可以继续让 AI 改。但很多时候，用 AI 改反而有点重：
要描述清楚“改哪里”，要消耗 token，还要担心它顺手改坏别的地方。

更常见的是，我只是想改几个字。这时候最自然的动作其实是：
能不能直接在页面上点一下，然后自己改？

于是我做了一个 Chrome 插件：HTML Visual Editor。

它的功能很简单：
打开一个 HTML 页面，点击插件，直接选中内容，修改文字、图片、链接和基础样式，最后导出新的 HTML 文件。

它不是 Webflow，也不是完整建站工具。它解决的是：
AI 生成 HTML 后，最后那一点人工微调。

目前支持修改文字、图片地址、链接、颜色、字号、字重、间距和圆角，也支持复制、删除、上移、下移、撤销、重做、预览、中英文切换和导出 HTML。

真正的痛点不是“不会写代码”，而是：
- AI 已经把从 0 到 90 分的生成成本降下来了，但从 90 分到 95 分的微调，仍然需要一个顺手的人类操作界面。
- AI 适合生成，也适合大改。但对于眼睛已经看到位置的小改，自己点一下可能更快、更准。

它对应的是一种很轻的工作流：
AI 生成 HTML → 浏览器打开 → 插件微调 → 导出页面。

也可以理解成：
AI 负责生成，人负责校准。

如果你也经常遇到“只想改几个字，却不想重新让 AI 生成一遍”的情况，可以试试看。

✨✨✨
GitHub：
https://github.com/yvonneyuan-art/html-visual-editor

期待反馈。如果你觉得这个插件有意思或有帮助，欢迎给个 ⭐️。