HTML Mender
可视化编辑本地HTML文件，含PPT演示
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：HTML Mender。 它的用途是：可视化编辑本地HTML文件，含PPT演示 完整的 Skill 内容见：https://321skill.com/skills/html-mender-x-5/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'帮我用HTML Mender打开本地的course_slide.html，把第三页的标题改为“数据可视化基础”，并调整图片居中。' 它会自动启动可视化编辑器并定位到该页面，完成修改后保存。或者
对AI说：'将AI生成的幻灯片HTML用HTML Mender打开，统一修改所有页面的字体为思源黑体。' 它会批量替换字体样式。
介绍
HTML Mender 是一款专注本地或已保存 HTML 文件的可视化编辑器，特别适用于 HTML 格式的 PPT、幻灯片页面、AI 生成的幻灯片 HTML 以及单页演示文稿。它解决了传统编码工具无法直观预览和修改 HTML 演示内容的痛点，让用户无需深入代码即可调整布局、修改文案、替换图片，快速完成课件、讲稿或演示素材的视觉优化。
使用方式非常简单：打开本地 HTML 文件或拖拽导入，即可在可视化界面中直接编辑。支持所见即所得的调整，修改后保存原文件，保持原有结构和样式兼容性。无需安装复杂环境，不依赖云端服务，所有操作都在本地完成。
适合需要频繁修改 HTML 课件、教案、演示文稿的教育工作者、内容创作者、学生以及文档工程师。特别适合处理 AI 工具生成的幻灯片 HTML，快速微调排版和内容，节省手动改写代码的时间。
建议在编辑前备份原始文件，避免误操作覆盖。该工具仅支持本地或已保存的 .html 文件，无法在线编辑远程网页。对于需要复杂动画或交互的演示，可能需要配合其他工具进一步优化。
核心特点
HTML Mender 专为 HTML 格式的 PPT 和演示文稿场景设计，提供可视化编辑能力，而非通用 HTML 编辑器，能直接处理 AI 生成的幻灯片代码并保持布局稳定。
注意事项
不支持在线编辑或远程 URL，仅适用于本地 .html 文件，且不适用于复杂前端应用或动态网页。
常见问题
HTML Mender 能编辑在线网页吗？
不能，它只支持本地或已保存的 .html 文件。
编辑后会不会破坏原有样式？
可视化编辑会尽量保持原有结构和样式，但建议编辑前备份。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/html-mender-x-5/raw/index.md 读取 HTML Mender 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/html-mender-x-5/raw/index.md（查看排版版本）