HTML Mender
一个专为本地HTML文件设计的可视化编辑器，支持PPT、演示稿等页面修改。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：HTML Mender。 它的用途是：一个专为本地HTML文件设计的可视化编辑器，支持PPT、演示稿等页面修改。 完整的 Skill 内容见：https://321skill.com/skills/html-mender-x-3/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘帮我把这个本地保存的AI生成的报告HTML文件打开，我想调整一下标题的字体和位置。’，它会启动HTML Mender加载你的文件，让你在可视化界面中直接选中标题进行样式修改，完成后保存为新的HTML文件。或者，你可以说：‘我需要快速修改一个HTML格式的幻灯片讲义，调整几页的顺序。’，它会引导你使用拖拽功能重新排列幻灯片页面。
介绍
HTML Mender 是一款专注于本地或已保存的 .html 文件的可视化编辑器。它解决了用户需要直接编辑HTML文件，但又希望获得所见即所得体验的痛点，尤其适用于那些不熟悉前端代码，或希望快速调整页面布局和内容的人员。
使用时，用户只需打开本地的HTML文件，即可通过直观的界面直接拖拽、修改文本、调整样式，无需手动编写或调试复杂的HTML/CSS代码。编辑器会实时反映更改，并保存为标准的HTML文件。
该工具非常适合需要频繁修改课件讲义、演示文稿、AI生成的单页报告或简单网页原型的前端开发、产品经理、内容创作者以及高校学生。它降低了HTML编辑的技术门槛，让非专业开发者也能轻松处理网页内容。
需要注意的是，HTML Mender 仅处理本地文件，不提供在线编辑或版本控制功能。对于复杂的、需要后端交互的动态网页，或需要严格版本管理的项目，建议使用更专业的开发工具。
核心特点
与通用代码编辑器或在线建站工具不同，它专注于本地静态HTML文件的可视化编辑，尤其优化了对HTML格式的PPT、演示稿（deck）和AI生成幻灯片的直接修改，提供了更贴近内容创作而非代码开发的编辑体验。
注意事项
不适合需要编辑动态网页、处理服务器端逻辑或进行团队协作版本控制的场景。
常见问题
HTML Mender 能编辑在线的网页吗？
不能，它仅支持编辑本地计算机上已保存的 `.html` 文件。
它支持编辑CSS和JavaScript吗？
主要专注于HTML结构和内容的可视化编辑，对于复杂的CSS和JS，可能仍需手动调整代码。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/html-mender-x-3/raw/index.md 读取 HTML Mender 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/html-mender-x-3/raw/index.md（查看排版版本）