HTML Mender
可视化编辑本地HTML文件，尤其适合HTML格式的PPT和演示文稿
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：HTML Mender。 它的用途是：可视化编辑本地HTML文件，尤其适合HTML格式的PPT和演示文稿 完整的 Skill 内容见：https://321skill.com/skills/html-mender-x-6/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'请帮我打开本地的 course.html 课件，把第3页的标题颜色改为蓝色，并添加一张图片。' 它会自动调用 HTML Mender 加载文件，在可视化界面中完成修改，然后保存。或者：'将这份AI生成的幻灯片HTML调整一下排版，让文字更居中。' 它会打开编辑器让你直观调整。
介绍
HTML Mender 是一个专门用于可视化编辑本地或已保存的 HTML 文件的工具，尤其适合处理 HTML 格式的 PPT、演示文稿、AI 生成的幻灯片以及单页展示页面。它解决了传统文本编辑器无法直观预览和修改 HTML 布局的问题，让用户无需编写代码即可调整页面元素。
用户只需在浏览器中打开 HTML Mender，加载本地 HTML 文件，即可通过拖拽、点击等方式直接编辑页面内容、调整样式、修改文本和图片。它提供所见即所得的编辑体验，修改后可直接保存为新的 HTML 文件，无需部署服务器。
适合需要频繁制作或修改 HTML 演示文稿的教师、学生、内容创作者、营销人员，以及使用 AI 生成幻灯片后需要微调的非技术人员。也适合前端开发人员快速编辑本地 HTML 原型。
建议仅用于编辑本地或已保存的 HTML 文件，不建议用于在线网页或动态网站。注意保存原始文件备份，以防误操作。由于依赖浏览器环境，请确保使用现代浏览器以获得最佳体验。
核心特点
与同类工具（如在线HTML编辑器）的核心区别：它专注于本地HTML文件，无需网络，且专为HTML格式的PPT和单页演示优化，支持直接保存文件，不依赖外部服务。
注意事项
不适合编辑动态网页、包含后端逻辑的HTML文件，也不支持在线实时协作。
常见问题
支持哪些文件类型？
仅支持本地的 .html 文件，包括 HTML 格式的 PPT 和单页演示。
需要安装吗？
可以使用 npm 安装，也可直接通过浏览器使用。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/html-mender-x-6/raw/index.md 读取 HTML Mender 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/html-mender-x-6/raw/index.md（查看排版版本）