HTML Mender
一个专为本地HTML文件设计的可视化编辑器，支持PPT/幻灯片页面。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：HTML Mender。 它的用途是：一个专为本地HTML文件设计的可视化编辑器，支持PPT/幻灯片页面。 完整的 Skill 内容见：https://321skill.com/skills/html-mender-x-2/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我用HTML Mender打开本地的‘产品介绍.html’文件，我想调整一下第三张幻灯片的图片位置和标题字体大小。”，它会引导你定位文件并启动编辑器，让你能够通过可视化界面直接拖拽图片和选择字体样式来完成修改，并实时看到幻灯片的变化。
介绍
HTML Mender 解决了用户需要直接编辑本地或已保存的 .html 文件，但又希望获得所见即所得体验的痛点。它允许用户像使用图形界面软件一样，直观地修改HTML文件的内容和样式，而无需直接面对复杂的代码。
使用时，用户只需打开或指定一个本地的 .html 文件，即可在编辑器中通过点击、拖拽等方式调整页面布局、修改文本、图片等元素，并实时预览效果。它特别适合处理基于HTML的演示文稿、AI生成的幻灯片页面或保存的单页应用。
这个工具非常适合那些需要快速调整HTML页面样式但又不熟悉前端代码的演示者、内容创作者或教育工作者。对于前端开发者来说，它也是一个快速原型和视觉化调试的辅助工具。
建议在修改前备份原始文件，因为它直接作用于文件本身。对于复杂的、依赖大量JavaScript交互的动态页面，其编辑能力可能有限，更适合静态或结构相对简单的HTML内容。
核心特点
与通用代码编辑器或在线HTML构建器不同，它专注于本地HTML文件的直接、可视化编辑，尤其针对HTML格式的演示文稿（PPT/Deck）进行了优化，能更直观地处理幻灯片结构。
注意事项
不适合编辑依赖复杂JavaScript逻辑的动态网页或Web应用。
常见问题
HTML Mender 能编辑在线的网页吗？
不能，它仅支持编辑本地或已保存到本地的 `.html` 文件。
它能编辑CSS和JavaScript吗？
主要专注于HTML结构的可视化编辑，对复杂CSS和JS的支持有限。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/html-mender-x-2/raw/index.md 读取 HTML Mender 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/html-mender-x-2/raw/index.md（查看排版版本）