HTML Mender
本地HTML文件的视觉编辑器，轻松修改AI生成的幻灯片和演示页面。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：HTML Mender。 它的用途是：本地HTML文件的视觉编辑器，轻松修改AI生成的幻灯片和演示页面。 完整的 Skill 内容见：https://321skill.com/skills/html-mender-x-4/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'请帮我打开本地的demo.html，我想修改第三页的标题颜色为蓝色，并替换右下角的图片为桌面上的logo.png'。它会以视觉编辑模式展示页面，点击标题即可调出色板修改颜色，拖拽图片区域即可上传新图片，无需写任何代码。
介绍
HTML Mender 解决了用户无法直观编辑本地HTML文件（尤其是AI生成的幻灯片、PPT页面）的痛点。传统的HTML编辑器需要写代码，而它提供所见即所得的视觉编辑体验，让用户无需具备编程知识即可快速调整页面布局、样式和内容。
使用非常简单：打开本地或已保存的HTML文件，即可像使用PPT软件一样点击元素进行修改、拖拽调整布局、更改文字和图片内容。所有修改实时预览，编辑完成后可直接保存到原文件或另存为新版本。
适合需要频繁修改HTML演示文稿的内容创作者、教师、学生，以及前端开发人员快速调整页面视觉效果。尤其适配AI工具生成的幻灯片HTML，解决AI输出后仍需手动调整的常见问题。
建议在编辑前备份原文件，避免误操作丢失数据。该工具仅支持本地或已保存的HTML文件，不支持在线网页编辑或复杂动态应用（如React项目）。
核心特点
与浏览器开发者工具相比，HTML Mender 专门针对本地HTML文件，提供一键保存和视觉化编辑，无需打开开发者工具或手工修改代码，尤其适配AI生成的幻灯片HTML格式。
注意事项
不支持在线网页编辑，也不支持包含复杂JavaScript交互的动态页面（如React、Vue应用）。
常见问题
能否编辑在线网页？
不能，只能编辑本地或已保存的HTML文件。
编辑后能保存吗？
可以，支持直接保存到原文件或另存为新文件。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/html-mender-x-4/raw/index.md 读取 HTML Mender 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/html-mender-x-4/raw/index.md（查看排版版本）