{"id":"b743f898-d880-41d0-beb7-f97bce31a010","entityType":"agent","slug":"clawhub-wuhaoyupku-html-mender","name":"HTML Mender","canonicalUrl":"https://www.xpersona.co/agent/clawhub-wuhaoyupku-html-mender","canonicalPath":"/agent/clawhub-wuhaoyupku-html-mender","generatedAt":"2026-10-10T11:52:09.845Z","source":"CLAWHUB","claimStatus":"UNCLAIMED","verificationTier":"NONE","summary":{"evidence":{"source":"editorial-content","verified":true,"confidence":"high","updatedAt":"2026-10-10T08:56:34.823Z","emptyReason":null},"description":"HTML Mender is a visual editor for local or saved `.html` files only, including HTML-based PPT/deck pages, AI-generated slide HTML, and saved one-page presen... Skill: HTML Mender Owner: wuhaoyupku Summary: HTML Mender is a visual editor for local or saved .html files only, including HTML-based PPT/deck pages, AI-generated slide HTML, and saved one-page presen... Tags: ai-ppt:0.1.16, deck-editor:0.1.16, edit-html:0.1.16, edit-ppt:0.1.16, editable-html:0.1.16, editor:0.1.11, html:0.1.16, html-bianji:0.1.16, html-editing:0.1.16, html-editor:0.1.16, html-mender:0.1.16, html-ppt","descriptionLabel":"Technical summary","evidenceSummary":"Capability contract not published. No trust telemetry is available yet. 1.5K downloads reported by the source. Last updated 10/10/2026.","installCommand":"clawhub skill install s173xgfbx8rz4ph2576t4pa80h88k7tj:html-mender","sourceUrl":"https://clawhub.ai/wuhaoyupku/html-mender","homepage":"https://clawhub.ai/wuhaoyupku/skills/html-mender","primaryLinks":[{"label":"View on ClawHub","url":"https://clawhub.ai/wuhaoyupku/html-mender","kind":"source"},{"label":"Homepage","url":"https://clawhub.ai/wuhaoyupku/skills/html-mender","kind":"homepage"}],"safetyScore":84,"overallRank":62,"popularityScore":64,"trustScore":null,"claimedByName":null,"isOwner":false,"seoDescription":"HTML Mender is a visual editor for local or saved `.html` files only, including HTML-based PPT/deck pages, AI-generated slide HTML, and saved one-page presen..."},"coverage":{"evidence":{"source":"public-profile","verified":false,"confidence":"medium","updatedAt":"2026-10-10T08:56:34.823Z","emptyReason":null},"protocols":[{"protocol":"OPENCLEW","label":"OpenClaw","status":"self-declared","notes":"Declared in the public agent profile."}],"capabilities":[],"verifiedCount":0,"selfDeclaredCount":1,"capabilityMatrix":{"rows":[{"key":"OPENCLEW","type":"protocol","support":"unknown","confidenceSource":"profile","notes":"Listed on profile"}],"flattenedTokens":"protocol:OPENCLEW|unknown|profile"}},"adoption":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-10-10T08:56:34.823Z","emptyReason":null},"stars":null,"forks":null,"downloads":1543,"packageName":null,"latestVersion":"0.1.17","tractionLabel":"1.5K downloads"},"release":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"medium","updatedAt":"2026-10-10T08:56:34.799Z","emptyReason":null},"lastUpdatedAt":"2026-10-10T08:56:34.823Z","lastCrawledAt":"2026-10-10T08:56:34.799Z","lastIndexedAt":null,"nextCrawlAt":"2026-10-11T08:56:34.799Z","lastVerifiedAt":null,"highlights":[{"version":"0.1.17","createdAt":"2026-07-10T10:40:13.119Z","changelog":"Stabilized selection, moving, resizing, text editing, and revealed-content rescans for dense HTML PPT pages.","fileCount":5,"zipByteSize":70809},{"version":"0.1.16","createdAt":"2026-07-01T16:31:06.558Z","changelog":"0.1.16: tighten skill wording around local or saved HTML files while preserving the existing automatic editable-page startup.","fileCount":5,"zipByteSize":69152},{"version":"0.1.15","createdAt":"2026-06-29T10:09:04.966Z","changelog":"0.1.15: refine marketplace-facing title and summary wording for common HTML/PPT editing requests while keeping the same local/saved HTML scope and safety boundaries.","fileCount":5,"zipByteSize":69248},{"version":"0.1.14","createdAt":"2026-06-29T09:38:57.572Z","changelog":"0.1.14: improve Chinese search and trigger wording for HTML 编辑, HTML编辑, PPT 编辑, PPT编辑, HTML PPT 编辑, 网页编辑, 演示稿编辑, and 幻灯片编辑 while keeping the skill scoped to local or saved HTML files and excluding live websites, authenticated online pages, generic source-code edits, and PPTX files.","fileCount":5,"zipByteSize":69106},{"version":"0.1.13","createdAt":"2026-06-24T15:41:12.029Z","changelog":"0.1.13: add direct border move/resize handles in default text/image editing; support Shift/Cmd/Ctrl multi-select with alignment and same-size controls; move image frames by default with Alt/Option content adjustment; remove the top-level layout mode switch; fix editor-focus undo, first image-drag undo, sequential image drag snapping, and movable cursor feedback.","fileCount":5,"zipByteSize":68927},{"version":"0.1.11","createdAt":"2026-06-21T14:49:49.736Z","changelog":"0.1.11: rename public listing, skill title, and visible descriptions to HTML Mender.","fileCount":5,"zipByteSize":63107},{"version":"0.1.10","createdAt":"2026-06-17T11:39:16.389Z","changelog":"0.1.10: add temporary multi-select in layout mode; support group move/scale/resize/reset, same-size and alignment actions; keep batch undo/redo as one history step and compact two-row layout toolbar with icon alignment controls.","fileCount":5,"zipByteSize":63130},{"version":"0.1.9","createdAt":"2026-06-17T10:13:23.606Z","changelog":"0.1.9: fix complex HTML injection when embedded JavaScript strings contain closing body tags; preserve unchanged source exports byte-for-byte; export only editor-modified elements with source-string patches before DOM fallback.","fileCount":5,"zipByteSize":58992}]},"execution":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No published capability contract is available yet."},"installCommand":"clawhub skill install s173xgfbx8rz4ph2576t4pa80h88k7tj:html-mender","setupComplexity":"low","setupSteps":["Setup complexity is classified as HIGH. You must provision dedicated cloud infrastructure or an isolated VM. Do not run this directly on your local workstation.","Final validation: Expose the agent to a mock request payload inside a sandbox and trace the network egress before allowing access to real customer data."],"contract":{"contractStatus":"missing","authModes":[],"requires":[],"forbidden":[],"supportsMcp":false,"supportsA2a":false,"supportsStreaming":false,"inputSchemaRef":null,"outputSchemaRef":null,"dataRegion":null,"contractUpdatedAt":null,"sourceUpdatedAt":null,"freshnessSeconds":null},"invocationGuide":{"preferredApi":{"snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-wuhaoyupku-html-mender/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-wuhaoyupku-html-mender/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-wuhaoyupku-html-mender/trust"},"curlExamples":["curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-wuhaoyupku-html-mender/snapshot\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-wuhaoyupku-html-mender/contract\"","curl -s \"https://www.xpersona.co/api/v1/agents/clawhub-wuhaoyupku-html-mender/trust\""],"jsonRequestTemplate":{"query":"summarize this repo","constraints":{"maxLatencyMs":2000,"protocolPreference":["OPENCLEW"]}},"jsonResponseTemplate":{"ok":true,"result":{"summary":"...","confidence":0.9},"meta":{"source":"CLAWHUB","generatedAt":"2026-10-10T11:52:09.842Z"}},"retryPolicy":{"maxAttempts":3,"backoffMs":[500,1500,3500],"retryableConditions":["HTTP_429","HTTP_503","NETWORK_TIMEOUT"]}},"endpoints":{"dossierUrl":"https://www.xpersona.co/api/v1/agents/clawhub-wuhaoyupku-html-mender/dossier","snapshotUrl":"https://www.xpersona.co/api/v1/agents/clawhub-wuhaoyupku-html-mender/snapshot","contractUrl":"https://www.xpersona.co/api/v1/agents/clawhub-wuhaoyupku-html-mender/contract","trustUrl":"https://www.xpersona.co/api/v1/agents/clawhub-wuhaoyupku-html-mender/trust"}},"reliability":{"evidence":{"source":"runtime-metrics","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No trust, reliability, or runtime telemetry is available."},"trust":{"status":"unavailable","handshakeStatus":"UNKNOWN","verificationFreshnessHours":null,"reputationScore":null,"p95LatencyMs":null,"successRate30d":null,"fallbackRate":null,"attempts30d":null,"trustUpdatedAt":null,"trustConfidence":"unknown","sourceUpdatedAt":null,"freshnessSeconds":null},"decisionGuardrails":{"doNotUseIf":["Contract metadata is missing or unavailable for deterministic execution."],"safeUseWhen":[],"riskFlags":["missing_or_unavailable_contract","trust_data_unavailable","schema_references_missing"],"operationalConfidence":"low"},"executionMetrics":{"observedLatencyMsP50":null,"observedLatencyMsP95":null,"estimatedCostUsd":null,"uptime30d":null,"rateLimitRpm":null,"rateLimitBurst":null,"lastVerifiedAt":null,"verificationSource":null},"runtimeMetrics":{"successRate":null,"avgLatencyMs":null,"avgCostUsd":null,"hallucinationRate":null,"retryRate":null,"disputeRate":null,"p50Latency":null,"p95Latency":null,"lastUpdated":null}},"benchmarks":{"evidence":{"source":"no-benchmark-data","verified":false,"confidence":"low","updatedAt":null,"emptyReason":"No benchmark suites or observed failure patterns are available."},"suites":[],"failurePatterns":[]},"artifacts":{"evidence":{"source":"CLAWHUB","verified":false,"confidence":"high","updatedAt":"2026-10-10T08:56:34.823Z","emptyReason":null},"readme":"Skill: HTML Mender\n\nOwner: wuhaoyupku\n\nSummary: HTML Mender is a visual editor for local or saved `.html` files only, including HTML-based PPT/deck pages, AI-generated slide HTML, and saved one-page presen...\n\nTags: ai-ppt:0.1.16, deck-editor:0.1.16, edit-html:0.1.16, edit-ppt:0.1.16, editable-html:0.1.16, editor:0.1.11, html:0.1.16, html-bianji:0.1.16, html-editing:0.1.16, html-editor:0.1.16, html-mender:0.1.16, html-ppt:0.1.16, html-ppt-editor:0.1.16, latest:0.1.17, layout:0.1.11, mender:0.1.11, multi-select:0.1.11, ppt:0.1.16, ppt-bianji:0.1.16, ppt-editor:0.1.16, presentation-editor:0.1.16, slide-editor:0.1.16, slides:0.1.16, web-editor:0.1.15\n\nVersion history:\n\nv0.1.17 | 2026-07-10T10:40:13.119Z | user\n\nStabilized selection, moving, resizing, text editing, and revealed-content rescans for dense HTML PPT pages.\n\nv0.1.16 | 2026-07-01T16:31:06.558Z | user\n\n0.1.16: tighten skill wording around local or saved HTML files while preserving the existing automatic editable-page startup.\n\nv0.1.15 | 2026-06-29T10:09:04.966Z | user\n\n0.1.15: refine marketplace-facing title and summary wording for common HTML/PPT editing requests while keeping the same local/saved HTML scope and safety boundaries.\n\nv0.1.14 | 2026-06-29T09:38:57.572Z | user\n\n0.1.14: improve Chinese search and trigger wording for HTML 编辑, HTML编辑, PPT 编辑, PPT编辑, HTML PPT 编辑, 网页编辑, 演示稿编辑, and 幻灯片编辑 while keeping the skill scoped to local or saved HTML files and excluding live websites, authenticated online pages, generic source-code edits, and PPTX files.\n\nv0.1.13 | 2026-06-24T15:41:12.029Z | user\n\n0.1.13: add direct border move/resize handles in default text/image editing; support Shift/Cmd/Ctrl multi-select with alignment and same-size controls; move image frames by default with Alt/Option content adjustment; remove the top-level layout mode switch; fix editor-focus undo, first image-drag undo, sequential image drag snapping, and movable cursor feedback.\n\nv0.1.11 | 2026-06-21T14:49:49.736Z | user\n\n0.1.11: rename public listing, skill title, and visible descriptions to HTML Mender.\n\nv0.1.10 | 2026-06-17T11:39:16.389Z | user\n\n0.1.10: add temporary multi-select in layout mode; support group move/scale/resize/reset, same-size and alignment actions; keep batch undo/redo as one history step and compact two-row layout toolbar with icon alignment controls.\n\nv0.1.9 | 2026-06-17T10:13:23.606Z | user\n\n0.1.9: fix complex HTML injection when embedded JavaScript strings contain closing body tags; preserve unchanged source exports byte-for-byte; export only editor-modified elements with source-string patches before DOM fallback.\n\nv0.1.8 | 2026-06-17T07:30:53.662Z | user\n\n0.1.8: add Move/scale, Resize, and Reset layout tools; support safe transform scaling, real width/height resizing, refreshed bilingual README, and shorter skill docs.\n\nv0.1.7 | 2026-06-16T15:29:39.121Z | user\n\n0.1.7: add layout micro-adjustment mode, nested selection fixes, and edit-box state feedback.\n\nv0.1.6 | 2026-06-15T08:26:17.596Z | user\n\nRelease 0.1.6: remove CSP stripping, keep skill source/options inside the runtime closure, block network-backed full export helpers from the skill build, and clarify support for dynamic one-page HTML PPT exports.\n\nv0.1.5 | 2026-06-15T03:54:53.067Z | user\n\nRelease 0.1.5: preserve CSP by default, keep the skill runtime basic-only, remove network-backed export bundling from the skill build, and clarify local-file workflow.\n\nv0.1.1 | 2026-06-13T17:36:30.279Z | user\n\nImprove search metadata for HTML/PPT editing queries.\n\nv0.1.0 | 2026-06-13T17:30:55.574Z | user\n\nInitial public release.\n\nArchive index:\n\nArchive v0.1.17: 5 files, 70809 bytes\n\nFiles: assets/html-slide-mender-runtime.js (294302b), scripts/inject-html-editor.mjs (9063b), skill-card.md (2298b), SKILL.md (7124b), _meta.json (131b)\n\nFile v0.1.17:SKILL.md\n\n---\nname: html-mender\ndescription: HTML Mender is a visual editor for local or saved `.html` files only, including HTML-based PPT/deck pages, AI-generated slide HTML, and saved one-page presentation HTML. Use this skill when the user provides a local/saved HTML file and wants visual edits such as fixing text, adding text/images, replacing images, adjusting layout/position/size, or moving/scaling/resizing a title/image/card/block. Search phrases like “HTML 编辑”, “HTML editor”, “HTML editing”, “PPT 编辑”, “PPT editor”, “HTML PPT 编辑”, “网页 HTML 编辑”, “演示稿编辑”, and “幻灯片编辑” apply only when the target is a local/saved HTML file. Clean export patches text/images/backgrounds/layout styles back into the original source HTML instead of saving runtime DOM. Do not use for live websites, authenticated pages, generic source-code editing, or PPTX/PowerPoint files; ask for a saved local HTML copy first.\nversion: 0.1.17\nmetadata:\n openclaw:\n homepage: https://github.com/wuhaoyupku/html-mender\n requires:\n bins:\n - node\n---\n\n# HTML Mender\n\nUse this skill to turn a local `.html` deck into a browser-editable copy. HTML Mender is built for HTML PPTs and AI-generated slide pages where the user wants small visual edits instead of regenerating the whole page.\n\n## Core Behavior\n\n- Generates an editable `*.editable.html` next to the source unless `--out` is provided.\n- Keeps the original source HTML as the clean-export baseline.\n- Exports by patching changed or newly inserted text/images, background images, and layout styles back into the source.\n- Avoids saving editor UI, generated runtime state, navigation dots, current-slide transforms, or injected scripts.\n- Never modifies the original HTML by default.\n\n## Workflow\n\n1. Locate the user's local source HTML. If multiple files match, ask which one to edit.\n2. Run the injector:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /absolute/path/input.html\n```\n\n3. Open the generated editable file directly, preferably as `file:///absolute/path/name.editable.html`.\n4. Let the user edit visually in the browser.\n5. Tell the user to click `下载 HTML` / `Download HTML` to save the durable clean result.\n\nDo not start a local HTTP server just to view the file unless `file://` blocks required local assets.\n\n## Script Options\n\n```bash\nnode scripts/inject-html-editor.mjs \\\n --out \\\n --lang zh-CN \\\n --mode basic\n```\n\n- `--out`: custom output path.\n- `--lang zh-CN|en`: editor language. Default: `zh-CN`.\n- `--mode basic`: keeps external links and applies edits back to source HTML. Default: `basic`.\n- `--no-autostart`: inject runtime without starting the editor automatically.\n\n## Important Notes\n\n- Local draft saving is disabled; refreshing can lose unsaved edits.\n- Keep editable/exported HTML next to the original assets when the deck uses relative CSS or images.\n- CSP meta tags are preserved. If CSP blocks inline startup, use the browser extension workflow or ask the user how to handle the trusted file.\n- The skill runtime does not bundle remote CSS/images and avoids network-backed export.\n- If the editable page appears unstyled, regenerate it beside the original HTML so relative paths resolve.\n\n## Version Notes\n\n### 0.1.17\n\n- Stabilizes selection, move, resize, and text-entry interactions for dense HTML PPT pages.\n- Uses single click to select, selected borders/labels to move, resize handles to resize, and double-click / Enter / F2 for text editing.\n- Improves recognition of revealed or animated content and selectable visual elements such as image cards, white panels, and icons.\n\n### 0.1.16\n\n- Tightens the skill trigger wording around local or saved HTML files.\n\n### 0.1.15\n\n- Refines the marketplace-facing title and summary wording for common HTML/PPT editing requests.\n- Keeps the same local/saved HTML scope and safety boundaries as 0.1.14.\n\n### 0.1.14\n\n- Improves Chinese search and trigger wording for `HTML 编辑`, `PPT 编辑`, `HTML PPT 编辑`, `网页编辑`, `演示稿编辑`, and `幻灯片编辑`.\n- Keeps the skill scope explicitly limited to local or saved HTML files and excludes live websites, authenticated online pages, generic source-code edits, and PPTX files.\n\n### 0.1.13\n\n- Adds direct border handles in the default text/image editing mode.\n- Drag the selected border or label to move an element.\n- Drag side handles to resize width/height; drag corner handles to resize proportionally.\n- Default image dragging moves the image frame; hold Option/Alt to adjust image content inside the frame.\n- Shift / Cmd / Ctrl multi-select works in default text/image mode and opens alignment / same-size controls.\n- Overlapping text/image boxes are ordered so individual elements are easier to select.\n- Removes the top-level Text/Image vs. Move layout switch because border handles now cover the normal layout workflow.\n- Shortens the toolbar status text to fit in compact toolbars.\n- Fixes Ctrl/Cmd+Z when focus is on editor UI such as image handles or popover controls.\n- Fixes first-drag undo for images whose frame originally had no inline style, and covers sequential image drags so they do not snap back.\n- Adds a movable cursor when hovering a selected text box's draggable border or label.\n\n### 0.1.12\n\n- Adds `新增文字` / `Add text` and `新增图片` / `Add image` toolbar actions.\n- Persists inserted text and image elements through source-based `basic` export.\n\n### 0.1.11\n\n- Renames the public ClawHub listing, skill title, and visible description to HTML Mender.\n\n### 0.1.10\n\n- Adds temporary multi-selection in layout mode with `Shift` / `Cmd` / `Ctrl` click.\n- Multi-selected modules can move, scale, resize, reset, align, and match width/height together.\n- Batch layout operations undo and redo as one history step.\n\n### 0.1.9\n\n- Fixes injection for complex HTML files that contain embedded `` strings inside JavaScript data.\n- Keeps unchanged source HTML byte-for-byte during clean export.\n- Exports only elements that the editor actually modified, then applies source-string patches before falling back to DOM serialization.\n\n### 0.1.8\n\n- Adds `移动缩放 / 改宽高 / 恢复` in layout mode.\n- `移动缩放` uses `transform: scale(...)` for safer visual scaling.\n- `改宽高` writes real `width` / `height` for width-only, height-only, or stretched changes.\n- `恢复` clears movement, scale, and editor-added size while preserving original transform and inline dimensions.\n\n### 0.1.7\n\n- Adds `文字/图片` and `位置微调` mode switching.\n- Adds drag and arrow-key layout movement for visible text, images, cards, and blocks.\n- Preserves layout changes in clean source-based export.\n- Improves nested layout selection so smaller inner elements remain selectable.\n- Adds explicit edit-box state feedback.\n\n## Example\n\nUser: `帮我把 /Users/me/deck.html 变成可编辑版本`\n\nRun:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /Users/me/deck.html --lang zh-CN --mode basic\n```\n\nThen open `/Users/me/deck.editable.html` for visual editing.\n\nFile v0.1.17:_meta.json\n\n{\n \"ownerId\": \"kn792bkwm33dj47ztj2fc9kmm988knxh\",\n \"slug\": \"html-mender\",\n \"version\": \"0.1.17\",\n \"publishedAt\": 1783680013119\n}\n\nFile v0.1.17:skill-card.md\n\n## Description:\n\nHTML Mender turns local or saved HTML deck pages into browser-editable copies for visual text, image, and layout fixes, then exports clean HTML patches back to the source baseline.\n\nThis skill is ready for commercial/non-commercial use.\n\n## Publisher:\n\n[wuhaoyupku](https://clawhub.ai/user/wuhaoyupku)\n\n### License/Terms of Use:\n\nMIT-0\n\n## Use Case:\n\nDevelopers, designers, and presentation authors use this skill to make small visual edits to local or saved HTML presentations without regenerating the entire page. It helps an agent prepare an editable HTML copy, guide browser-based edits, and preserve the clean source-oriented export.\n\n### Deployment Geography for Use:\n\nGlobal\n\n## Known Risks and Mitigations:\n\nRisk: Using the skill on live or authenticated webpages is outside its intended local-file scope.\n\nMitigation: Use it only with local or saved HTML files that the user chooses; ask for a saved local HTML copy for live or authenticated content.\n\nRisk: Generated editable or exported HTML can lose styling or media references if separated from relative assets.\n\nMitigation: Keep editable and exported HTML next to the original asset folders when the source uses relative CSS, images, or other files.\n\nRisk: Unsaved browser edits can be lost because local draft saving is disabled.\n\nMitigation: Use the editor download action to save the clean HTML result before refreshing or closing the page.\n\n## Reference(s):\n\n- [HTML Mender ClawHub Listing](https://clawhub.ai/wuhaoyupku/skills/html-mender)\n- [HTML Mender Homepage](https://github.com/wuhaoyupku/html-mender)\n\n## Skill Output:\n\n**Output Type(s):** [Text, Markdown, Code, Shell commands, Configuration, Guidance]\n\n**Output Format:** [Markdown guidance with shell commands and generated HTML file paths]\n\n**Output Parameters:** [1D]\n\n**Other Properties Related to Output:** [Requires Node.js; the generated editable HTML should stay next to the original HTML assets.]\n\n## Skill Version(s):\n\n0.1.17 (source: frontmatter and server release evidence)\n\n## Ethical Considerations:\n\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.\n\nArchive v0.1.16: 5 files, 69152 bytes\n\nFiles: assets/html-slide-mender-runtime.js (286675b), scripts/inject-html-editor.mjs (9063b), skill-card.md (2209b), SKILL.md (6733b), _meta.json (131b)\n\nFile v0.1.16:SKILL.md\n\n---\nname: html-mender\ndescription: HTML Mender is a visual editor for local or saved `.html` files only, including HTML-based PPT/deck pages, AI-generated slide HTML, and saved one-page presentation HTML. Use this skill when the user provides a local/saved HTML file and wants visual edits such as fixing text, adding text/images, replacing images, adjusting layout/position/size, or moving/scaling/resizing a title/image/card/block. Search phrases like “HTML 编辑”, “HTML editor”, “HTML editing”, “PPT 编辑”, “PPT editor”, “HTML PPT 编辑”, “网页 HTML 编辑”, “演示稿编辑”, and “幻灯片编辑” apply only when the target is a local/saved HTML file. Clean export patches text/images/backgrounds/layout styles back into the original source HTML instead of saving runtime DOM. Do not use for live websites, authenticated pages, generic source-code editing, or PPTX/PowerPoint files; ask for a saved local HTML copy first.\nmetadata:\n openclaw:\n homepage: https://github.com/wuhaoyupku/html-mender\n requires:\n bins:\n - node\n---\n\n# HTML Mender\n\nUse this skill to turn a local `.html` deck into a browser-editable copy. HTML Mender is built for HTML PPTs and AI-generated slide pages where the user wants small visual edits instead of regenerating the whole page.\n\n## Core Behavior\n\n- Generates an editable `*.editable.html` next to the source unless `--out` is provided.\n- Keeps the original source HTML as the clean-export baseline.\n- Exports by patching changed or newly inserted text/images, background images, and layout styles back into the source.\n- Avoids saving editor UI, generated runtime state, navigation dots, current-slide transforms, or injected scripts.\n- Never modifies the original HTML by default.\n\n## Workflow\n\n1. Locate the user's local source HTML. If multiple files match, ask which one to edit.\n2. Run the injector:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /absolute/path/input.html\n```\n\n3. Open the generated editable file directly, preferably as `file:///absolute/path/name.editable.html`.\n4. Let the user edit visually in the browser.\n5. Tell the user to click `下载 HTML` / `Download HTML` to save the durable clean result.\n\nDo not start a local HTTP server just to view the file unless `file://` blocks required local assets.\n\n## Script Options\n\n```bash\nnode scripts/inject-html-editor.mjs \\\n --out \\\n --lang zh-CN \\\n --mode basic\n```\n\n- `--out`: custom output path.\n- `--lang zh-CN|en`: editor language. Default: `zh-CN`.\n- `--mode basic`: keeps external links and applies edits back to source HTML. Default: `basic`.\n- `--no-autostart`: inject runtime without starting the editor automatically.\n\n## Important Notes\n\n- Local draft saving is disabled; refreshing can lose unsaved edits.\n- Keep editable/exported HTML next to the original assets when the deck uses relative CSS or images.\n- CSP meta tags are preserved. If CSP blocks inline startup, use the browser extension workflow or ask the user how to handle the trusted file.\n- The skill runtime does not bundle remote CSS/images and avoids network-backed export.\n- If the editable page appears unstyled, regenerate it beside the original HTML so relative paths resolve.\n\n## Version Notes\n\n### 0.1.16\n\n- Tightens the skill trigger wording around local or saved HTML files.\n\n### 0.1.15\n\n- Refines the marketplace-facing title and summary wording for common HTML/PPT editing requests.\n- Keeps the same local/saved HTML scope and safety boundaries as 0.1.14.\n\n### 0.1.14\n\n- Improves Chinese search and trigger wording for `HTML 编辑`, `PPT 编辑`, `HTML PPT 编辑`, `网页编辑`, `演示稿编辑`, and `幻灯片编辑`.\n- Keeps the skill scope explicitly limited to local or saved HTML files and excludes live websites, authenticated online pages, generic source-code edits, and PPTX files.\n\n### 0.1.13\n\n- Adds direct border handles in the default text/image editing mode.\n- Drag the selected border or label to move an element.\n- Drag side handles to resize width/height; drag corner handles to resize proportionally.\n- Default image dragging moves the image frame; hold Option/Alt to adjust image content inside the frame.\n- Shift / Cmd / Ctrl multi-select works in default text/image mode and opens alignment / same-size controls.\n- Overlapping text/image boxes are ordered so individual elements are easier to select.\n- Removes the top-level Text/Image vs. Move layout switch because border handles now cover the normal layout workflow.\n- Shortens the toolbar status text to fit in compact toolbars.\n- Fixes Ctrl/Cmd+Z when focus is on editor UI such as image handles or popover controls.\n- Fixes first-drag undo for images whose frame originally had no inline style, and covers sequential image drags so they do not snap back.\n- Adds a movable cursor when hovering a selected text box's draggable border or label.\n\n### 0.1.12\n\n- Adds `新增文字` / `Add text` and `新增图片` / `Add image` toolbar actions.\n- Persists inserted text and image elements through source-based `basic` export.\n\n### 0.1.11\n\n- Renames the public ClawHub listing, skill title, and visible description to HTML Mender.\n\n### 0.1.10\n\n- Adds temporary multi-selection in layout mode with `Shift` / `Cmd` / `Ctrl` click.\n- Multi-selected modules can move, scale, resize, reset, align, and match width/height together.\n- Batch layout operations undo and redo as one history step.\n\n### 0.1.9\n\n- Fixes injection for complex HTML files that contain embedded `` strings inside JavaScript data.\n- Keeps unchanged source HTML byte-for-byte during clean export.\n- Exports only elements that the editor actually modified, then applies source-string patches before falling back to DOM serialization.\n\n### 0.1.8\n\n- Adds `移动缩放 / 改宽高 / 恢复` in layout mode.\n- `移动缩放` uses `transform: scale(...)` for safer visual scaling.\n- `改宽高` writes real `width` / `height` for width-only, height-only, or stretched changes.\n- `恢复` clears movement, scale, and editor-added size while preserving original transform and inline dimensions.\n\n### 0.1.7\n\n- Adds `文字/图片` and `位置微调` mode switching.\n- Adds drag and arrow-key layout movement for visible text, images, cards, and blocks.\n- Preserves layout changes in clean source-based export.\n- Improves nested layout selection so smaller inner elements remain selectable.\n- Adds explicit edit-box state feedback.\n\n## Example\n\nUser: `帮我把 /Users/me/deck.html 变成可编辑版本`\n\nRun:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /Users/me/deck.html --lang zh-CN --mode basic\n```\n\nThen open `/Users/me/deck.editable.html` for visual editing.\n\nFile v0.1.16:_meta.json\n\n{\n \"ownerId\": \"kn792bkwm33dj47ztj2fc9kmm988knxh\",\n \"slug\": \"html-mender\",\n \"version\": \"0.1.16\",\n \"publishedAt\": 1782923466558\n}\n\nFile v0.1.16:skill-card.md\n\n## Description:
\nHTML Mender helps agents prepare local or saved HTML presentation files for visual browser editing and clean HTML export.
\n\nThis skill is ready for commercial/non-commercial use.
\n\n## Publisher:
\n[wuhaoyupku](https://clawhub.ai/user/wuhaoyupku)
\n\n### License/Terms of Use:
\nMIT-0
\n\n\n## Use Case:
\nExternal users, developers, and content creators use this skill when they have a local or saved .html deck and need visual edits such as text, image, background, layout, position, size, or scaling changes without regenerating the whole page.
\n\n### Deployment Geography for Use:
\nGlobal
\n\n## Known Risks and Mitigations:
\nRisk: Local file paths or draft-related metadata may reveal sensitive project identifiers if used with confidential HTML files.
\nMitigation: Use the skill only with local or saved HTML files whose paths and metadata are acceptable to expose in the editing workflow.
\nRisk: The skill is scoped to saved HTML and can give unsuitable results for live websites, authenticated pages, or PPTX files.
\nMitigation: Ask for a saved local HTML copy before use and do not apply the workflow to live, authenticated, or PowerPoint source files.
\n\n\n## Reference(s):
\n- [ClawHub skill listing](https://clawhub.ai/wuhaoyupku/skills/html-mender)
\n- [Project homepage](https://github.com/wuhaoyupku/html-mender)
\n\n\n## Skill Output:
\n**Output Type(s):** [Guidance, Shell commands, Files]
\n**Output Format:** [Markdown guidance with inline shell commands; the injector writes an editable HTML file and prints JSON status.]
\n**Output Parameters:** [1D]
\n**Other Properties Related to Output:** [Creates a sibling .editable.html file by default and relies on the browser editor's download action for the clean exported HTML.]
\n\n## Skill Version(s):
\n0.1.16 (source: server release metadata and skill version notes)
\n\n## Ethical Considerations:
\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.
\n\nArchive v0.1.15: 5 files, 69248 bytes\n\nFiles: assets/html-slide-mender-runtime.js (286675b), scripts/inject-html-editor.mjs (9063b), skill-card.md (2404b), SKILL.md (6644b), _meta.json (131b)\n\nFile v0.1.15:SKILL.md\n\n---\nname: html-mender\ndescription: HTML 编辑 / PPT 编辑 - HTML Mender is a visual editor for local or saved HTML files, especially HTML PPTs, AI-generated presentation pages, one-page web slide decks, and dynamic JavaScript slide pages. Use this skill for HTML编辑, PPT编辑, HTML PPT 编辑, 网页编辑, 演示稿编辑, 幻灯片编辑, making a local HTML editable, editing or modifying an HTML PPT, fixing text, adding text/images, replacing images, adjusting layout/position/size, or moving/scaling/resizing a title/image/card/block. It also fits phrases like “修改这个 HTML”, “HTML PPT 可编辑”, “标题往上一点”, “调整版面”, or “改宽高”. Clean export patches text/images/backgrounds/layout styles back into the original source HTML instead of saving runtime DOM. Do not use for live websites, authenticated online pages, generic source-code edits, or PPTX/PowerPoint files; ask for a saved local HTML copy first.\nmetadata:\n openclaw:\n homepage: https://github.com/wuhaoyupku/html-mender\n requires:\n bins:\n - node\n---\n\n# HTML Mender\n\nUse this skill to turn a local `.html` deck into a browser-editable copy. HTML Mender is built for HTML PPTs and AI-generated slide pages where the user wants small visual edits instead of regenerating the whole page.\n\n## Core Behavior\n\n- Generates an editable `*.editable.html` next to the source unless `--out` is provided.\n- Keeps the original source HTML as the clean-export baseline.\n- Exports by patching changed or newly inserted text/images, background images, and layout styles back into the source.\n- Avoids saving editor UI, generated runtime state, navigation dots, current-slide transforms, or injected scripts.\n- Never modifies the original HTML by default.\n\n## Workflow\n\n1. Locate the user's local source HTML. If multiple files match, ask which one to edit.\n2. Run the injector:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /absolute/path/input.html\n```\n\n3. Open the generated editable file directly, preferably as `file:///absolute/path/name.editable.html`.\n4. Let the user edit visually in the browser.\n5. Tell the user to click `下载 HTML` / `Download HTML` to save the durable clean result.\n\nDo not start a local HTTP server just to view the file unless `file://` blocks required local assets.\n\n## Script Options\n\n```bash\nnode scripts/inject-html-editor.mjs \\\n --out \\\n --lang zh-CN \\\n --mode basic\n```\n\n- `--out`: custom output path.\n- `--lang zh-CN|en`: editor language. Default: `zh-CN`.\n- `--mode basic`: keeps external links and applies edits back to source HTML. Default: `basic`.\n- `--no-autostart`: inject runtime without starting the editor automatically.\n\n## Important Notes\n\n- Local draft saving is disabled; refreshing can lose unsaved edits.\n- Keep editable/exported HTML next to the original assets when the deck uses relative CSS or images.\n- CSP meta tags are preserved. If CSP blocks inline startup, use the browser extension workflow or ask the user how to handle the trusted file.\n- The skill runtime does not bundle remote CSS/images and avoids network-backed export.\n- If the editable page appears unstyled, regenerate it beside the original HTML so relative paths resolve.\n\n## Version Notes\n\n### 0.1.15\n\n- Refines the marketplace-facing title and summary wording for common HTML/PPT editing requests.\n- Keeps the same local/saved HTML scope and safety boundaries as 0.1.14.\n\n### 0.1.14\n\n- Improves Chinese search and trigger wording for `HTML 编辑`, `PPT 编辑`, `HTML PPT 编辑`, `网页编辑`, `演示稿编辑`, and `幻灯片编辑`.\n- Keeps the skill scope explicitly limited to local or saved HTML files and excludes live websites, authenticated online pages, generic source-code edits, and PPTX files.\n\n### 0.1.13\n\n- Adds direct border handles in the default text/image editing mode.\n- Drag the selected border or label to move an element.\n- Drag side handles to resize width/height; drag corner handles to resize proportionally.\n- Default image dragging moves the image frame; hold Option/Alt to adjust image content inside the frame.\n- Shift / Cmd / Ctrl multi-select works in default text/image mode and opens alignment / same-size controls.\n- Overlapping text/image boxes are ordered so individual elements are easier to select.\n- Removes the top-level Text/Image vs. Move layout switch because border handles now cover the normal layout workflow.\n- Shortens the toolbar status text to fit in compact toolbars.\n- Fixes Ctrl/Cmd+Z when focus is on editor UI such as image handles or popover controls.\n- Fixes first-drag undo for images whose frame originally had no inline style, and covers sequential image drags so they do not snap back.\n- Adds a movable cursor when hovering a selected text box's draggable border or label.\n\n### 0.1.12\n\n- Adds `新增文字` / `Add text` and `新增图片` / `Add image` toolbar actions.\n- Persists inserted text and image elements through source-based `basic` export.\n\n### 0.1.11\n\n- Renames the public ClawHub listing, skill title, and visible description to HTML Mender.\n\n### 0.1.10\n\n- Adds temporary multi-selection in layout mode with `Shift` / `Cmd` / `Ctrl` click.\n- Multi-selected modules can move, scale, resize, reset, align, and match width/height together.\n- Batch layout operations undo and redo as one history step.\n\n### 0.1.9\n\n- Fixes injection for complex HTML files that contain embedded `` strings inside JavaScript data.\n- Keeps unchanged source HTML byte-for-byte during clean export.\n- Exports only elements that the editor actually modified, then applies source-string patches before falling back to DOM serialization.\n\n### 0.1.8\n\n- Adds `移动缩放 / 改宽高 / 恢复` in layout mode.\n- `移动缩放` uses `transform: scale(...)` for safer visual scaling.\n- `改宽高` writes real `width` / `height` for width-only, height-only, or stretched changes.\n- `恢复` clears movement, scale, and editor-added size while preserving original transform and inline dimensions.\n\n### 0.1.7\n\n- Adds `文字/图片` and `位置微调` mode switching.\n- Adds drag and arrow-key layout movement for visible text, images, cards, and blocks.\n- Preserves layout changes in clean source-based export.\n- Improves nested layout selection so smaller inner elements remain selectable.\n- Adds explicit edit-box state feedback.\n\n## Example\n\nUser: `帮我把 /Users/me/deck.html 变成可编辑版本`\n\nRun:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /Users/me/deck.html --lang zh-CN --mode basic\n```\n\nThen open `/Users/me/deck.editable.html` for visual editing.\n\nFile v0.1.15:_meta.json\n\n{\n \"ownerId\": \"kn792bkwm33dj47ztj2fc9kmm988knxh\",\n \"slug\": \"html-mender\",\n \"version\": \"0.1.15\",\n \"publishedAt\": 1782727744966\n}\n\nFile v0.1.15:skill-card.md\n\n## Description:
\nHTML Mender helps agents create a browser-editable copy of a local or saved HTML slide deck, then export clean HTML patches for text, images, backgrounds, and layout changes.
\n\nThis skill is ready for commercial/non-commercial use.
\n\n## Publisher:
\n[wuhaoyupku](https://clawhub.ai/user/wuhaoyupku)
\n\n### License/Terms of Use:
\nMIT-0
\n\n\n## Use Case:
\nDevelopers, designers, and presentation authors use this skill to make local or saved HTML presentations visually editable without regenerating the whole page. It is intended for saved HTML files, not live websites, authenticated pages, generic source-code edits, or PPTX files.
\n\n### Deployment Geography for Use:
\nGlobal
\n\n## Known Risks and Mitigations:
\nRisk: The injected editor can start automatically and modify the editable page.
\nMitigation: Use the skill only with trusted local or saved HTML files, review the generated editable HTML before use, and use --no-autostart when explicit startup is preferred.
\nRisk: Edits are exported into HTML and local draft saving is disabled, so unsaved browser changes can be lost.
\nMitigation: Keep a backup of the original file and download the clean HTML result after editing.
\nRisk: Using the editor on live, authenticated, or sensitive pages could expose or alter content outside the intended local-file workflow.
\nMitigation: Do not use it on live websites, logged-in pages, or pages containing sensitive input unless the behavior has been separately reviewed.
\n\n\n## Reference(s):
\n- [HTML Mender homepage](https://github.com/wuhaoyupku/html-mender)
\n\n\n## Skill Output:
\n**Output Type(s):** [Shell commands, Files, Code, Guidance]
\n**Output Format:** [Markdown guidance with shell commands and generated editable HTML files]
\n**Output Parameters:** [1D]
\n**Other Properties Related to Output:** [Requires Node.js and works on local or saved HTML files; the default output is a sibling *.editable.html file.]
\n\n## Skill Version(s):
\n0.1.15 (source: server release metadata and artifact version notes)
\n\n## Ethical Considerations:
\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.
\n\nArchive v0.1.14: 5 files, 69106 bytes\n\nFiles: assets/html-slide-mender-runtime.js (286675b), scripts/inject-html-editor.mjs (9063b), skill-card.md (2303b), SKILL.md (6449b), _meta.json (131b)\n\nFile v0.1.14:SKILL.md\n\n---\nname: html-mender\ndescription: Visual editor for local or saved HTML files, especially HTML PPTs, AI-generated presentation pages, one-page web slide decks, and dynamic JavaScript slide pages. Use this skill whenever the user wants HTML 编辑, HTML编辑, PPT 编辑, PPT编辑, HTML PPT 编辑, 网页编辑, 演示稿编辑, 幻灯片编辑, or wants to make a local HTML editable, edit or modify an HTML PPT, fix text, add text/images, replace images, adjust layout/position/size, move/scale/resize/stretch a title/image/card/block, or says phrases like “修改这个 HTML”, “HTML PPT 可编辑”, “标题往上一点”, “调整版面”, or “改宽高”. Clean export patches text/images/backgrounds/layout styles back into the original source HTML instead of saving runtime DOM. Do not use for live websites, authenticated online pages, generic source-code edits, or PPTX/PowerPoint files; ask for a saved local HTML copy first.\nmetadata:\n openclaw:\n homepage: https://github.com/wuhaoyupku/html-mender\n requires:\n bins:\n - node\n---\n\n# HTML Mender\n\nUse this skill to turn a local `.html` deck into a browser-editable copy. HTML Mender is built for HTML PPTs and AI-generated slide pages where the user wants small visual edits instead of regenerating the whole page.\n\n## Core Behavior\n\n- Generates an editable `*.editable.html` next to the source unless `--out` is provided.\n- Keeps the original source HTML as the clean-export baseline.\n- Exports by patching changed or newly inserted text/images, background images, and layout styles back into the source.\n- Avoids saving editor UI, generated runtime state, navigation dots, current-slide transforms, or injected scripts.\n- Never modifies the original HTML by default.\n\n## Workflow\n\n1. Locate the user's local source HTML. If multiple files match, ask which one to edit.\n2. Run the injector:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /absolute/path/input.html\n```\n\n3. Open the generated editable file directly, preferably as `file:///absolute/path/name.editable.html`.\n4. Let the user edit visually in the browser.\n5. Tell the user to click `下载 HTML` / `Download HTML` to save the durable clean result.\n\nDo not start a local HTTP server just to view the file unless `file://` blocks required local assets.\n\n## Script Options\n\n```bash\nnode scripts/inject-html-editor.mjs \\\n --out \\\n --lang zh-CN \\\n --mode basic\n```\n\n- `--out`: custom output path.\n- `--lang zh-CN|en`: editor language. Default: `zh-CN`.\n- `--mode basic`: keeps external links and applies edits back to source HTML. Default: `basic`.\n- `--no-autostart`: inject runtime without starting the editor automatically.\n\n## Important Notes\n\n- Local draft saving is disabled; refreshing can lose unsaved edits.\n- Keep editable/exported HTML next to the original assets when the deck uses relative CSS or images.\n- CSP meta tags are preserved. If CSP blocks inline startup, use the browser extension workflow or ask the user how to handle the trusted file.\n- The skill runtime does not bundle remote CSS/images and avoids network-backed export.\n- If the editable page appears unstyled, regenerate it beside the original HTML so relative paths resolve.\n\n## Version Notes\n\n### 0.1.14\n\n- Improves Chinese search and trigger wording for `HTML 编辑`, `PPT 编辑`, `HTML PPT 编辑`, `网页编辑`, `演示稿编辑`, and `幻灯片编辑`.\n- Keeps the skill scope explicitly limited to local or saved HTML files and excludes live websites, authenticated online pages, generic source-code edits, and PPTX files.\n\n### 0.1.13\n\n- Adds direct border handles in the default text/image editing mode.\n- Drag the selected border or label to move an element.\n- Drag side handles to resize width/height; drag corner handles to resize proportionally.\n- Default image dragging moves the image frame; hold Option/Alt to adjust image content inside the frame.\n- Shift / Cmd / Ctrl multi-select works in default text/image mode and opens alignment / same-size controls.\n- Overlapping text/image boxes are ordered so individual elements are easier to select.\n- Removes the top-level Text/Image vs. Move layout switch because border handles now cover the normal layout workflow.\n- Shortens the toolbar status text to fit in compact toolbars.\n- Fixes Ctrl/Cmd+Z when focus is on editor UI such as image handles or popover controls.\n- Fixes first-drag undo for images whose frame originally had no inline style, and covers sequential image drags so they do not snap back.\n- Adds a movable cursor when hovering a selected text box's draggable border or label.\n\n### 0.1.12\n\n- Adds `新增文字` / `Add text` and `新增图片` / `Add image` toolbar actions.\n- Persists inserted text and image elements through source-based `basic` export.\n\n### 0.1.11\n\n- Renames the public ClawHub listing, skill title, and visible description to HTML Mender.\n\n### 0.1.10\n\n- Adds temporary multi-selection in layout mode with `Shift` / `Cmd` / `Ctrl` click.\n- Multi-selected modules can move, scale, resize, reset, align, and match width/height together.\n- Batch layout operations undo and redo as one history step.\n\n### 0.1.9\n\n- Fixes injection for complex HTML files that contain embedded `` strings inside JavaScript data.\n- Keeps unchanged source HTML byte-for-byte during clean export.\n- Exports only elements that the editor actually modified, then applies source-string patches before falling back to DOM serialization.\n\n### 0.1.8\n\n- Adds `移动缩放 / 改宽高 / 恢复` in layout mode.\n- `移动缩放` uses `transform: scale(...)` for safer visual scaling.\n- `改宽高` writes real `width` / `height` for width-only, height-only, or stretched changes.\n- `恢复` clears movement, scale, and editor-added size while preserving original transform and inline dimensions.\n\n### 0.1.7\n\n- Adds `文字/图片` and `位置微调` mode switching.\n- Adds drag and arrow-key layout movement for visible text, images, cards, and blocks.\n- Preserves layout changes in clean source-based export.\n- Improves nested layout selection so smaller inner elements remain selectable.\n- Adds explicit edit-box state feedback.\n\n## Example\n\nUser: `帮我把 /Users/me/deck.html 变成可编辑版本`\n\nRun:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /Users/me/deck.html --lang zh-CN --mode basic\n```\n\nThen open `/Users/me/deck.editable.html` for visual editing.\n\nFile v0.1.14:_meta.json\n\n{\n \"ownerId\": \"kn792bkwm33dj47ztj2fc9kmm988knxh\",\n \"slug\": \"html-mender\",\n \"version\": \"0.1.14\",\n \"publishedAt\": 1782725937572\n}\n\nFile v0.1.14:skill-card.md\n\n## Description:
\nHTML Mender helps agents create browser-editable copies of local or saved HTML files, especially HTML slide decks, and export clean edited HTML without modifying the original file by default.
\n\nThis skill is ready for commercial/non-commercial use.
\n\n## Publisher:
\n[wuhaoyupku](https://clawhub.ai/user/wuhaoyupku)
\n\n### License/Terms of Use:
\nMIT-0
\n\n\n## Use Case:
\nDevelopers and content authors use this skill when an agent needs to turn a local HTML page or HTML presentation into an editable browser file for visual text, image, background, and layout changes.
\n\n### Deployment Geography for Use:
\nGlobal
\n\n## Known Risks and Mitigations:
\nRisk: Generated editable or exported HTML may contain unintended visual edits before it is shared.
\nMitigation: Review the generated *.editable.html and downloaded clean HTML before sharing or publishing.
\nRisk: Using the editor on sensitive live, authenticated, or network-backed pages can expose data or create misleading exports.
\nMitigation: Use the skill only with local or saved HTML files, avoid authenticated pages, and use --no-autostart when automatic editor startup is not desired.
\nRisk: Relative assets may not render correctly if the editable file is moved away from the source HTML.
\nMitigation: Keep editable and exported HTML next to the original CSS, image, and related asset files.
\n\n\n## Reference(s):
\n- [ClawHub listing](https://clawhub.ai/wuhaoyupku/skills/html-mender)
\n- [Source homepage](https://github.com/wuhaoyupku/html-mender)
\n\n\n## Skill Output:
\n**Output Type(s):** [Files, Shell commands, Guidance]
\n**Output Format:** [Markdown guidance with shell commands and generated HTML files]
\n**Output Parameters:** [1D]
\n**Other Properties Related to Output:** [Generates an editable HTML copy next to the source by default and reports injector status as JSON.]
\n\n## Skill Version(s):
\n0.1.14 (source: server release evidence)
\n\n## Ethical Considerations:
\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.
\n\nArchive v0.1.13: 5 files, 68927 bytes\n\nFiles: assets/html-slide-mender-runtime.js (286675b), scripts/inject-html-editor.mjs (9063b), skill-card.md (2277b), SKILL.md (5987b), _meta.json (131b)\n\nFile v0.1.13:SKILL.md\n\n---\nname: html-mender\ndescription: Visual editor for local or saved HTML files, especially HTML PPTs, AI-generated presentation pages, one-page web slide decks, and dynamic JavaScript slide pages. Use this skill whenever the user wants to make a local HTML editable, edit or modify an HTML PPT, fix text, add text/images, replace images, adjust layout/position/size, move/scale/resize/stretch a title/image/card/block, or says phrases like “修改这个 HTML”, “HTML PPT 可编辑”, “标题往上一点”, “调整版面”, or “改宽高”. Clean export patches text/images/backgrounds/layout styles back into the original source HTML instead of saving runtime DOM. Do not use for live websites, authenticated online pages, generic source-code edits, or PPTX/PowerPoint files; ask for a saved local HTML copy first.\nmetadata:\n openclaw:\n homepage: https://github.com/wuhaoyupku/html-mender\n requires:\n bins:\n - node\n---\n\n# HTML Mender\n\nUse this skill to turn a local `.html` deck into a browser-editable copy. HTML Mender is built for HTML PPTs and AI-generated slide pages where the user wants small visual edits instead of regenerating the whole page.\n\n## Core Behavior\n\n- Generates an editable `*.editable.html` next to the source unless `--out` is provided.\n- Keeps the original source HTML as the clean-export baseline.\n- Exports by patching changed or newly inserted text/images, background images, and layout styles back into the source.\n- Avoids saving editor UI, generated runtime state, navigation dots, current-slide transforms, or injected scripts.\n- Never modifies the original HTML by default.\n\n## Workflow\n\n1. Locate the user's local source HTML. If multiple files match, ask which one to edit.\n2. Run the injector:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /absolute/path/input.html\n```\n\n3. Open the generated editable file directly, preferably as `file:///absolute/path/name.editable.html`.\n4. Let the user edit visually in the browser.\n5. Tell the user to click `下载 HTML` / `Download HTML` to save the durable clean result.\n\nDo not start a local HTTP server just to view the file unless `file://` blocks required local assets.\n\n## Script Options\n\n```bash\nnode scripts/inject-html-editor.mjs \\\n --out \\\n --lang zh-CN \\\n --mode basic\n```\n\n- `--out`: custom output path.\n- `--lang zh-CN|en`: editor language. Default: `zh-CN`.\n- `--mode basic`: keeps external links and applies edits back to source HTML. Default: `basic`.\n- `--no-autostart`: inject runtime without starting the editor automatically.\n\n## Important Notes\n\n- Local draft saving is disabled; refreshing can lose unsaved edits.\n- Keep editable/exported HTML next to the original assets when the deck uses relative CSS or images.\n- CSP meta tags are preserved. If CSP blocks inline startup, use the browser extension workflow or ask the user how to handle the trusted file.\n- The skill runtime does not bundle remote CSS/images and avoids network-backed export.\n- If the editable page appears unstyled, regenerate it beside the original HTML so relative paths resolve.\n\n## Version Notes\n\n### 0.1.13\n\n- Adds direct border handles in the default text/image editing mode.\n- Drag the selected border or label to move an element.\n- Drag side handles to resize width/height; drag corner handles to resize proportionally.\n- Default image dragging moves the image frame; hold Option/Alt to adjust image content inside the frame.\n- Shift / Cmd / Ctrl multi-select works in default text/image mode and opens alignment / same-size controls.\n- Overlapping text/image boxes are ordered so individual elements are easier to select.\n- Removes the top-level Text/Image vs. Move layout switch because border handles now cover the normal layout workflow.\n- Shortens the toolbar status text to fit in compact toolbars.\n- Fixes Ctrl/Cmd+Z when focus is on editor UI such as image handles or popover controls.\n- Fixes first-drag undo for images whose frame originally had no inline style, and covers sequential image drags so they do not snap back.\n- Adds a movable cursor when hovering a selected text box's draggable border or label.\n\n### 0.1.12\n\n- Adds `新增文字` / `Add text` and `新增图片` / `Add image` toolbar actions.\n- Persists inserted text and image elements through source-based `basic` export.\n\n### 0.1.11\n\n- Renames the public ClawHub listing, skill title, and visible description to HTML Mender.\n\n### 0.1.10\n\n- Adds temporary multi-selection in layout mode with `Shift` / `Cmd` / `Ctrl` click.\n- Multi-selected modules can move, scale, resize, reset, align, and match width/height together.\n- Batch layout operations undo and redo as one history step.\n\n### 0.1.9\n\n- Fixes injection for complex HTML files that contain embedded `` strings inside JavaScript data.\n- Keeps unchanged source HTML byte-for-byte during clean export.\n- Exports only elements that the editor actually modified, then applies source-string patches before falling back to DOM serialization.\n\n### 0.1.8\n\n- Adds `移动缩放 / 改宽高 / 恢复` in layout mode.\n- `移动缩放` uses `transform: scale(...)` for safer visual scaling.\n- `改宽高` writes real `width` / `height` for width-only, height-only, or stretched changes.\n- `恢复` clears movement, scale, and editor-added size while preserving original transform and inline dimensions.\n\n### 0.1.7\n\n- Adds `文字/图片` and `位置微调` mode switching.\n- Adds drag and arrow-key layout movement for visible text, images, cards, and blocks.\n- Preserves layout changes in clean source-based export.\n- Improves nested layout selection so smaller inner elements remain selectable.\n- Adds explicit edit-box state feedback.\n\n## Example\n\nUser: `帮我把 /Users/me/deck.html 变成可编辑版本`\n\nRun:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /Users/me/deck.html --lang zh-CN --mode basic\n```\n\nThen open `/Users/me/deck.editable.html` for visual editing.\n\nFile v0.1.13:_meta.json\n\n{\n \"ownerId\": \"kn792bkwm33dj47ztj2fc9kmm988knxh\",\n \"slug\": \"html-mender\",\n \"version\": \"0.1.13\",\n \"publishedAt\": 1782315672029\n}\n\nFile v0.1.13:skill-card.md\n\n## Description:
\nVisual editor for local or saved HTML files, especially HTML PPTs, AI-generated presentation pages, one-page web slide decks, and dynamic JavaScript slide pages.
\n\nThis skill is ready for commercial/non-commercial use.
\n\n## Publisher:
\n[wuhaoyupku](https://clawhub.ai/user/wuhaoyupku)
\n\n### License/Terms of Use:
\nMIT-0
\n\n\n## Use Case:
\nDevelopers and agents use HTML Mender to create an editable local copy of saved HTML decks, make visual text, image, and layout edits in a browser, and export a clean patched HTML file.
\n\n### Deployment Geography for Use:
\nGlobal
\n\n## Known Risks and Mitigations:
\nRisk: The generated editable copy contains the full original HTML and may include sensitive content from saved pages.
\nMitigation: Use the skill only on local HTML decks intended for editing, avoid sensitive saved pages, and keep generated files in a trusted location.
\nRisk: The injector can automatically start the editor runtime in the generated HTML.
\nMitigation: Use --no-autostart when injection without automatic editor launch is preferred.
\nRisk: Refreshing the editable page can lose unsaved edits because local draft saving is disabled.
\nMitigation: Export the edited HTML with the Download HTML control before refreshing or closing the browser page.
\n\n\n## Reference(s):
\n- [ClawHub skill listing](https://clawhub.ai/wuhaoyupku/skills/html-mender)
\n- [HTML Mender homepage](https://github.com/wuhaoyupku/html-mender)
\n\n\n## Skill Output:
\n**Output Type(s):** [Shell commands, Code, Files, Guidance]
\n**Output Format:** [Markdown guidance with shell commands and generated editable HTML files]
\n**Output Parameters:** [1D]
\n**Other Properties Related to Output:** [Requires Node.js and writes an editable HTML copy next to the input unless an output path is supplied.]
\n\n## Skill Version(s):
\n0.1.13 (source: server release metadata and artifact version notes)
\n\n## Ethical Considerations:
\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.
\n\nArchive v0.1.11: 5 files, 63107 bytes\n\nFiles: assets/html-slide-mender-runtime.js (259822b), scripts/inject-html-editor.mjs (9063b), skill-card.md (2303b), SKILL.md (4746b), _meta.json (131b)\n\nFile v0.1.11:SKILL.md\n\n---\nname: html-mender\ndescription: Visual editor for local or saved HTML files, especially HTML PPTs, AI-generated presentation pages, one-page web slide decks, and dynamic JavaScript slide pages. Use this skill whenever the user wants to make a local HTML editable, edit or modify an HTML PPT, fix text, replace images, adjust layout/position/size, move/scale/resize/stretch a title/image/card/block, or says phrases like “修改这个 HTML”, “HTML PPT 可编辑”, “标题往上一点”, “调整版面”, or “改宽高”. Clean export patches text/images/backgrounds/layout styles back into the original source HTML instead of saving runtime DOM. Do not use for live websites, authenticated online pages, generic source-code edits, or PPTX/PowerPoint files; ask for a saved local HTML copy first.\nmetadata:\n openclaw:\n homepage: https://github.com/wuhaoyupku/html-mender\n requires:\n bins:\n - node\n---\n\n# HTML Mender\n\nUse this skill to turn a local `.html` deck into a browser-editable copy. HTML Mender is built for HTML PPTs and AI-generated slide pages where the user wants small visual edits instead of regenerating the whole page.\n\n## Core Behavior\n\n- Generates an editable `*.editable.html` next to the source unless `--out` is provided.\n- Keeps the original source HTML as the clean-export baseline.\n- Exports by patching changed text, images, background images, and layout styles back into the source.\n- Avoids saving editor UI, generated runtime state, navigation dots, current-slide transforms, or injected scripts.\n- Never modifies the original HTML by default.\n\n## Workflow\n\n1. Locate the user's local source HTML. If multiple files match, ask which one to edit.\n2. Run the injector:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /absolute/path/input.html\n```\n\n3. Open the generated editable file directly, preferably as `file:///absolute/path/name.editable.html`.\n4. Let the user edit visually in the browser.\n5. Tell the user to click `下载 HTML` / `Download HTML` to save the durable clean result.\n\nDo not start a local HTTP server just to view the file unless `file://` blocks required local assets.\n\n## Script Options\n\n```bash\nnode scripts/inject-html-editor.mjs \\\n --out \\\n --lang zh-CN \\\n --mode basic\n```\n\n- `--out`: custom output path.\n- `--lang zh-CN|en`: editor language. Default: `zh-CN`.\n- `--mode basic`: keeps external links and applies edits back to source HTML. Default: `basic`.\n- `--no-autostart`: inject runtime without starting the editor automatically.\n\n## Important Notes\n\n- Local draft saving is disabled; refreshing can lose unsaved edits.\n- Keep editable/exported HTML next to the original assets when the deck uses relative CSS or images.\n- CSP meta tags are preserved. If CSP blocks inline startup, use the browser extension workflow or ask the user how to handle the trusted file.\n- The skill runtime does not bundle remote CSS/images and avoids network-backed export.\n- If the editable page appears unstyled, regenerate it beside the original HTML so relative paths resolve.\n\n## Version Notes\n\n### 0.1.11\n\n- Renames the public ClawHub listing, skill title, and visible description to HTML Mender.\n\n### 0.1.10\n\n- Adds temporary multi-selection in layout mode with `Shift` / `Cmd` / `Ctrl` click.\n- Multi-selected modules can move, scale, resize, reset, align, and match width/height together.\n- Batch layout operations undo and redo as one history step.\n\n### 0.1.9\n\n- Fixes injection for complex HTML files that contain embedded `` strings inside JavaScript data.\n- Keeps unchanged source HTML byte-for-byte during clean export.\n- Exports only elements that the editor actually modified, then applies source-string patches before falling back to DOM serialization.\n\n### 0.1.8\n\n- Adds `移动缩放 / 改宽高 / 恢复` in layout mode.\n- `移动缩放` uses `transform: scale(...)` for safer visual scaling.\n- `改宽高` writes real `width` / `height` for width-only, height-only, or stretched changes.\n- `恢复` clears movement, scale, and editor-added size while preserving original transform and inline dimensions.\n\n### 0.1.7\n\n- Adds `文字/图片` and `位置微调` mode switching.\n- Adds drag and arrow-key layout movement for visible text, images, cards, and blocks.\n- Preserves layout changes in clean source-based export.\n- Improves nested layout selection so smaller inner elements remain selectable.\n- Adds explicit edit-box state feedback.\n\n## Example\n\nUser: `帮我把 /Users/me/deck.html 变成可编辑版本`\n\nRun:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /Users/me/deck.html --lang zh-CN --mode basic\n```\n\nThen open `/Users/me/deck.editable.html` for visual editing.\n\nFile v0.1.11:_meta.json\n\n{\n \"ownerId\": \"kn792bkwm33dj47ztj2fc9kmm988knxh\",\n \"slug\": \"html-mender\",\n \"version\": \"0.1.11\",\n \"publishedAt\": 1782053389736\n}\n\nFile v0.1.11:skill-card.md\n\n## Description:
\nHTML Mender helps agents turn local or saved HTML slide decks and presentation pages into browser-editable copies, then export clean source-based HTML changes.
\n\nThis skill is ready for commercial/non-commercial use.
\n\n## Publisher:
\n[wuhaoyupku](https://clawhub.ai/user/wuhaoyupku)
\n\n### License/Terms of Use:
\nMIT-0
\n\n\n## Use Case:
\nDevelopers, designers, and presentation authors use this skill when they need an agent to prepare a local HTML deck for visual browser edits and produce a clean exported HTML file without modifying the original by default.
\n\n### Deployment Geography for Use:
\nGlobal
\n\n## Known Risks and Mitigations:
\nRisk: Using the skill on live or authenticated web pages can expose private page state or fail outside the supported local-file workflow.
\nMitigation: Use it only with local or saved HTML files, and ask for a saved local copy before editing live or authenticated content.
\nRisk: The generated editable HTML can embed the original source baseline, which may include private content.
\nMitigation: Treat generated .editable.html files as sensitive when the source contains private information and avoid sharing them externally.
\nRisk: Refreshing or closing the editable page can lose unsaved edits because local draft saving is disabled.
\nMitigation: Export or download the edited HTML before refreshing, closing, or moving away from the page.
\n\n\n## Reference(s):
\n- [HTML Mender ClawHub listing](https://clawhub.ai/wuhaoyupku/html-mender)
\n- [HTML Mender homepage](https://github.com/wuhaoyupku/html-mender)
\n\n\n## Skill Output:
\n**Output Type(s):** [shell commands, files, guidance]
\n**Output Format:** [Markdown guidance with inline shell commands and generated HTML files]
\n**Output Parameters:** [1D]
\n**Other Properties Related to Output:** [Requires Node.js and works on local or saved HTML files.]
\n\n## Skill Version(s):
\n0.1.11 (source: release evidence)
\n\n## Ethical Considerations:
\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.
\n\nArchive v0.1.10: 5 files, 63130 bytes\n\nFiles: assets/html-slide-mender-runtime.js (259860b), scripts/inject-html-editor.mjs (9063b), skill-card.md (2436b), SKILL.md (4667b), _meta.json (131b)\n\nFile v0.1.10:SKILL.md\n\n---\nname: html-slide-mender\ndescription: Visual editor for local or saved HTML files, especially HTML PPTs, AI-generated presentation pages, one-page web slide decks, and dynamic JavaScript slide pages. Use this skill whenever the user wants to make a local HTML editable, edit or modify an HTML PPT, fix text, replace images, adjust layout/position/size, move/scale/resize/stretch a title/image/card/block, or says phrases like “修改这个 HTML”, “HTML PPT 可编辑”, “标题往上一点”, “调整版面”, or “改宽高”. Clean export patches text/images/backgrounds/layout styles back into the original source HTML instead of saving runtime DOM. Do not use for live websites, authenticated online pages, generic source-code edits, or PPTX/PowerPoint files; ask for a saved local HTML copy first.\nversion: 0.1.10\nmetadata:\n openclaw:\n homepage: https://github.com/wuhaoyupku/html-slide-mender\n requires:\n bins:\n - node\n---\n\n# HTML Slide Mender\n\nUse this skill to turn a local `.html` deck into a browser-editable copy. It is built for HTML PPTs and AI-generated slide pages where the user wants small visual edits instead of regenerating the whole page.\n\n## Core Behavior\n\n- Generates an editable `*.editable.html` next to the source unless `--out` is provided.\n- Keeps the original source HTML as the clean-export baseline.\n- Exports by patching changed text, images, background images, and layout styles back into the source.\n- Avoids saving editor UI, generated runtime state, navigation dots, current-slide transforms, or injected scripts.\n- Never modifies the original HTML by default.\n\n## Workflow\n\n1. Locate the user's local source HTML. If multiple files match, ask which one to edit.\n2. Run the injector:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /absolute/path/input.html\n```\n\n3. Open the generated editable file directly, preferably as `file:///absolute/path/name.editable.html`.\n4. Let the user edit visually in the browser.\n5. Tell the user to click `下载 HTML` / `Download HTML` to save the durable clean result.\n\nDo not start a local HTTP server just to view the file unless `file://` blocks required local assets.\n\n## Script Options\n\n```bash\nnode scripts/inject-html-editor.mjs \\\n --out \\\n --lang zh-CN \\\n --mode basic\n```\n\n- `--out`: custom output path.\n- `--lang zh-CN|en`: editor language. Default: `zh-CN`.\n- `--mode basic`: keeps external links and applies edits back to source HTML. Default: `basic`.\n- `--no-autostart`: inject runtime without starting the editor automatically.\n\n## Important Notes\n\n- Local draft saving is disabled; refreshing can lose unsaved edits.\n- Keep editable/exported HTML next to the original assets when the deck uses relative CSS or images.\n- CSP meta tags are preserved. If CSP blocks inline startup, use the browser extension workflow or ask the user how to handle the trusted file.\n- The skill runtime does not bundle remote CSS/images and avoids network-backed export.\n- If the editable page appears unstyled, regenerate it beside the original HTML so relative paths resolve.\n\n## Version Notes\n\n### 0.1.10\n\n- Adds temporary multi-selection in layout mode with `Shift` / `Cmd` / `Ctrl` click.\n- Multi-selected modules can move, scale, resize, reset, align, and match width/height together.\n- Batch layout operations undo and redo as one history step.\n\n### 0.1.9\n\n- Fixes injection for complex HTML files that contain embedded `` strings inside JavaScript data.\n- Keeps unchanged source HTML byte-for-byte during clean export.\n- Exports only elements that the editor actually modified, then applies source-string patches before falling back to DOM serialization.\n\n### 0.1.8\n\n- Adds `移动缩放 / 改宽高 / 恢复` in layout mode.\n- `移动缩放` uses `transform: scale(...)` for safer visual scaling.\n- `改宽高` writes real `width` / `height` for width-only, height-only, or stretched changes.\n- `恢复` clears movement, scale, and editor-added size while preserving original transform and inline dimensions.\n\n### 0.1.7\n\n- Adds `文字/图片` and `位置微调` mode switching.\n- Adds drag and arrow-key layout movement for visible text, images, cards, and blocks.\n- Preserves layout changes in clean source-based export.\n- Improves nested layout selection so smaller inner elements remain selectable.\n- Adds explicit edit-box state feedback.\n\n## Example\n\nUser: `帮我把 /Users/me/deck.html 变成可编辑版本`\n\nRun:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /Users/me/deck.html --lang zh-CN --mode basic\n```\n\nThen open `/Users/me/deck.editable.html` for visual editing.\n\nFile v0.1.10:_meta.json\n\n{\n \"ownerId\": \"kn792bkwm33dj47ztj2fc9kmm988knxh\",\n \"slug\": \"html-mender\",\n \"version\": \"0.1.10\",\n \"publishedAt\": 1781696356389\n}\n\nFile v0.1.10:skill-card.md\n\n## Description:
\nVisual editor for local or saved HTML files, especially HTML PPTs, AI-generated presentation pages, one-page web slide decks, and dynamic JavaScript slide pages.
\n\nThis skill is ready for commercial/non-commercial use.
\n\n## Publisher:
\n[wuhaoyupku](https://clawhub.ai/user/wuhaoyupku)
\n\n### License/Terms of Use:
\nMIT-0
\n\n\n## Use Case:
\nDevelopers, designers, and presentation authors use this skill to turn a saved local HTML slide deck into a browser-editable copy for visual text, image, and layout adjustments without regenerating the deck.
\n\n### Deployment Geography for Use:
\nGlobal
\n\n## Known Risks and Mitigations:
\nRisk: The editable copy embeds the original HTML as an export baseline, which can expose secrets if used with sensitive files.
\nMitigation: Use the skill only with trusted local HTML slide decks or saved presentation pages that do not contain secrets.
\nRisk: The injected runtime edits the document where it is installed, which is inappropriate for live websites or authenticated pages.
\nMitigation: Avoid live websites and authenticated pages; ask for a saved local HTML copy before using the editor.
\nRisk: Remote CSS or images are not bundled into the export, so moved files may render incorrectly or rely on external resources.
\nMitigation: Keep editable and exported HTML next to the original assets and review the exported HTML before sharing or deployment.
\n\n\n## Reference(s):
\n- [ClawHub skill page](https://clawhub.ai/wuhaoyupku/html-slide-mender)
\n- [Project homepage](https://github.com/wuhaoyupku/html-slide-mender)
\n\n\n## Skill Output:
\n**Output Type(s):** [text, markdown, code, shell commands, configuration, guidance]
\n**Output Format:** [Markdown guidance with shell commands and generated local HTML files]
\n**Output Parameters:** [1D]
\n**Other Properties Related to Output:** [Requires Node.js and a trusted local HTML file; generated editable and exported HTML should remain near referenced local assets.]
\n\n## Skill Version(s):
\n0.1.10 (source: frontmatter and server release metadata)
\n\n## Ethical Considerations:
\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.
\n\nArchive v0.1.9: 5 files, 58992 bytes\n\nFiles: assets/html-slide-mender-runtime.js (241360b), scripts/inject-html-editor.mjs (9063b), skill-card.md (2421b), SKILL.md (4410b), _meta.json (130b)\n\nFile v0.1.9:SKILL.md\n\n---\nname: html-slide-mender\ndescription: Visual editor for local or saved HTML files, especially HTML PPTs, AI-generated presentation pages, one-page web slide decks, and dynamic JavaScript slide pages. Use this skill whenever the user wants to make a local HTML editable, edit or modify an HTML PPT, fix text, replace images, adjust layout/position/size, move/scale/resize/stretch a title/image/card/block, or says phrases like “修改这个 HTML”, “HTML PPT 可编辑”, “标题往上一点”, “调整版面”, or “改宽高”. Clean export patches text/images/backgrounds/layout styles back into the original source HTML instead of saving runtime DOM. Do not use for live websites, authenticated online pages, generic source-code edits, or PPTX/PowerPoint files; ask for a saved local HTML copy first.\nversion: 0.1.9\nmetadata:\n openclaw:\n homepage: https://github.com/wuhaoyupku/html-slide-mender\n requires:\n bins:\n - node\n---\n\n# HTML Slide Mender\n\nUse this skill to turn a local `.html` deck into a browser-editable copy. It is built for HTML PPTs and AI-generated slide pages where the user wants small visual edits instead of regenerating the whole page.\n\n## Core Behavior\n\n- Generates an editable `*.editable.html` next to the source unless `--out` is provided.\n- Keeps the original source HTML as the clean-export baseline.\n- Exports by patching changed text, images, background images, and layout styles back into the source.\n- Avoids saving editor UI, generated runtime state, navigation dots, current-slide transforms, or injected scripts.\n- Never modifies the original HTML by default.\n\n## Workflow\n\n1. Locate the user's local source HTML. If multiple files match, ask which one to edit.\n2. Run the injector:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /absolute/path/input.html\n```\n\n3. Open the generated editable file directly, preferably as `file:///absolute/path/name.editable.html`.\n4. Let the user edit visually in the browser.\n5. Tell the user to click `下载 HTML` / `Download HTML` to save the durable clean result.\n\nDo not start a local HTTP server just to view the file unless `file://` blocks required local assets.\n\n## Script Options\n\n```bash\nnode scripts/inject-html-editor.mjs \\\n --out \\\n --lang zh-CN \\\n --mode basic\n```\n\n- `--out`: custom output path.\n- `--lang zh-CN|en`: editor language. Default: `zh-CN`.\n- `--mode basic`: keeps external links and applies edits back to source HTML. Default: `basic`.\n- `--no-autostart`: inject runtime without starting the editor automatically.\n\n## Important Notes\n\n- Local draft saving is disabled; refreshing can lose unsaved edits.\n- Keep editable/exported HTML next to the original assets when the deck uses relative CSS or images.\n- CSP meta tags are preserved. If CSP blocks inline startup, use the browser extension workflow or ask the user how to handle the trusted file.\n- The skill runtime does not bundle remote CSS/images and avoids network-backed export.\n- If the editable page appears unstyled, regenerate it beside the original HTML so relative paths resolve.\n\n## Version Notes\n\n### 0.1.9\n\n- Fixes injection for complex HTML files that contain embedded `` strings inside JavaScript data.\n- Keeps unchanged source HTML byte-for-byte during clean export.\n- Exports only elements that the editor actually modified, then applies source-string patches before falling back to DOM serialization.\n\n### 0.1.8\n\n- Adds `移动缩放 / 改宽高 / 恢复` in layout mode.\n- `移动缩放` uses `transform: scale(...)` for safer visual scaling.\n- `改宽高` writes real `width` / `height` for width-only, height-only, or stretched changes.\n- `恢复` clears movement, scale, and editor-added size while preserving original transform and inline dimensions.\n\n### 0.1.7\n\n- Adds `文字/图片` and `位置微调` mode switching.\n- Adds drag and arrow-key layout movement for visible text, images, cards, and blocks.\n- Preserves layout changes in clean source-based export.\n- Improves nested layout selection so smaller inner elements remain selectable.\n- Adds explicit edit-box state feedback.\n\n## Example\n\nUser: `帮我把 /Users/me/deck.html 变成可编辑版本`\n\nRun:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /Users/me/deck.html --lang zh-CN --mode basic\n```\n\nThen open `/Users/me/deck.editable.html` for visual editing.\n\nFile v0.1.9:_meta.json\n\n{\n \"ownerId\": \"kn792bkwm33dj47ztj2fc9kmm988knxh\",\n \"slug\": \"html-mender\",\n \"version\": \"0.1.9\",\n \"publishedAt\": 1781691203606\n}\n\nFile v0.1.9:skill-card.md\n\n## Description:
\nVisual editor for local or saved HTML slide decks that injects a browser editor so users can adjust text, images, backgrounds, and layout, then download a clean edited HTML file.
\n\nThis skill is ready for commercial/non-commercial use.
\n\n## Publisher:
\n[wuhaoyupku](https://clawhub.ai/user/wuhaoyupku)
\n\n### License/Terms of Use:
\nMIT-0
\n\n\n## Use Case:
\nDevelopers, designers, and agents use this skill to turn trusted local HTML presentations or one-page slide decks into editable browser files for small visual fixes. It is suited to local HTML copies and should not be used for live websites, authenticated pages, generic source-code edits, or PPTX files.
\n\n### Deployment Geography for Use:
\nGlobal
\n\n## Known Risks and Mitigations:
\nRisk: The generated .editable.html can contain original source content from the input HTML.
\nMitigation: Use trusted local files and share generated editable files only when sharing the original source content is acceptable.
\nRisk: Using the editor on authenticated, sensitive, or live web pages can expose content outside the intended local-file workflow.
\nMitigation: Use saved local HTML copies and avoid authenticated, sensitive, or live pages.
\nRisk: Refreshing the editable page can lose unsaved edits because local draft saving is disabled.
\nMitigation: Download the edited HTML after making changes and keep it beside related assets so relative links continue to resolve.
\n\n\n## Reference(s):
\n- [Project homepage](https://github.com/wuhaoyupku/html-slide-mender)
\n- [ClawHub skill page](https://clawhub.ai/wuhaoyupku/html-slide-mender)
\n\n\n## Skill Output:
\n**Output Type(s):** [shell commands, guidance, files]
\n**Output Format:** [Markdown guidance with inline shell commands and generated HTML files]
\n**Output Parameters:** [1D]
\n**Other Properties Related to Output:** [Creates an editable HTML copy next to the source unless --out is provided; does not modify the original HTML by default.]
\n\n## Skill Version(s):
\n0.1.9 (source: frontmatter and release evidence)
\n\n## Ethical Considerations:
\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.
\n\nArchive v0.1.8: 5 files, 55730 bytes\n\nFiles: assets/html-slide-mender-runtime.js (229996b), scripts/inject-html-editor.mjs (5485b), skill-card.md (2673b), SKILL.md (4092b), _meta.json (130b)\n\nFile v0.1.8:SKILL.md\n\n---\nname: html-slide-mender\ndescription: Visual editor for local or saved HTML files, especially HTML PPTs, AI-generated presentation pages, one-page web slide decks, and dynamic JavaScript slide pages. Use this skill whenever the user wants to make a local HTML editable, edit or modify an HTML PPT, fix text, replace images, adjust layout/position/size, move/scale/resize/stretch a title/image/card/block, or says phrases like “修改这个 HTML”, “HTML PPT 可编辑”, “标题往上一点”, “调整版面”, or “改宽高”. Clean export patches text/images/backgrounds/layout styles back into the original source HTML instead of saving runtime DOM. Do not use for live websites, authenticated online pages, generic source-code edits, or PPTX/PowerPoint files; ask for a saved local HTML copy first.\nversion: 0.1.8\nmetadata:\n openclaw:\n homepage: https://github.com/wuhaoyupku/html-slide-mender\n requires:\n bins:\n - node\n---\n\n# HTML Slide Mender\n\nUse this skill to turn a local `.html` deck into a browser-editable copy. It is built for HTML PPTs and AI-generated slide pages where the user wants small visual edits instead of regenerating the whole page.\n\n## Core Behavior\n\n- Generates an editable `*.editable.html` next to the source unless `--out` is provided.\n- Keeps the original source HTML as the clean-export baseline.\n- Exports by patching changed text, images, background images, and layout styles back into the source.\n- Avoids saving editor UI, generated runtime state, navigation dots, current-slide transforms, or injected scripts.\n- Never modifies the original HTML by default.\n\n## Workflow\n\n1. Locate the user's local source HTML. If multiple files match, ask which one to edit.\n2. Run the injector:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /absolute/path/input.html\n```\n\n3. Open the generated editable file directly, preferably as `file:///absolute/path/name.editable.html`.\n4. Let the user edit visually in the browser.\n5. Tell the user to click `下载 HTML` / `Download HTML` to save the durable clean result.\n\nDo not start a local HTTP server just to view the file unless `file://` blocks required local assets.\n\n## Script Options\n\n```bash\nnode scripts/inject-html-editor.mjs \\\n --out \\\n --lang zh-CN \\\n --mode basic\n```\n\n- `--out`: custom output path.\n- `--lang zh-CN|en`: editor language. Default: `zh-CN`.\n- `--mode basic`: keeps external links and applies edits back to source HTML. Default: `basic`.\n- `--no-autostart`: inject runtime without starting the editor automatically.\n\n## Important Notes\n\n- Local draft saving is disabled; refreshing can lose unsaved edits.\n- Keep editable/exported HTML next to the original assets when the deck uses relative CSS or images.\n- CSP meta tags are preserved. If CSP blocks inline startup, use the browser extension workflow or ask the user how to handle the trusted file.\n- The skill runtime does not bundle remote CSS/images and avoids network-backed export.\n- If the editable page appears unstyled, regenerate it beside the original HTML so relative paths resolve.\n\n## Version Notes\n\n### 0.1.8\n\n- Adds `移动缩放 / 改宽高 / 恢复` in layout mode.\n- `移动缩放` uses `transform: scale(...)` for safer visual scaling.\n- `改宽高` writes real `width` / `height` for width-only, height-only, or stretched changes.\n- `恢复` clears movement, scale, and editor-added size while preserving original transform and inline dimensions.\n\n### 0.1.7\n\n- Adds `文字/图片` and `位置微调` mode switching.\n- Adds drag and arrow-key layout movement for visible text, images, cards, and blocks.\n- Preserves layout changes in clean source-based export.\n- Improves nested layout selection so smaller inner elements remain selectable.\n- Adds explicit edit-box state feedback.\n\n## Example\n\nUser: `帮我把 /Users/me/deck.html 变成可编辑版本`\n\nRun:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /Users/me/deck.html --lang zh-CN --mode basic\n```\n\nThen open `/Users/me/deck.editable.html` for visual editing.\n\nFile v0.1.8:_meta.json\n\n{\n \"ownerId\": \"kn792bkwm33dj47ztj2fc9kmm988knxh\",\n \"slug\": \"html-mender\",\n \"version\": \"0.1.8\",\n \"publishedAt\": 1781681453662\n}\n\nFile v0.1.8:skill-card.md\n\n## Description:
\nHTML Slide Mender turns local HTML slide decks into browser-editable files and exports clean source-based changes for text, images, backgrounds, and layout.
\n\nThis skill is ready for commercial/non-commercial use.
\n\n## Publisher:
\n[wuhaoyupku](https://clawhub.ai/user/wuhaoyupku)
\n\n### License/Terms of Use:
\nMIT-0
\n\n\n## Use Case:
\nDevelopers, designers, and agents use this skill to make saved local HTML presentations visually editable, adjust slide text, images, backgrounds, and layout, then export a clean HTML result without overwriting the original file by default.
\n\n### Deployment Geography for Use:
\nGlobal
\n\n## Known Risks and Mitigations:
\nRisk: Unsaved visual edits can be lost if the editable page is refreshed before export.
\nMitigation: Use the editor download action after making changes and keep the original HTML as the baseline copy.
\nRisk: Slides that rely on relative CSS or image paths may appear incomplete if the editable or exported HTML is moved away from its assets.
\nMitigation: Keep the editable and exported HTML next to the original asset files, or regenerate the editable file beside the source HTML.
\nRisk: Content security policy settings can block inline editor startup for trusted local files.
\nMitigation: Preserve CSP by default and use the documented trusted-file or browser-extension workflow when CSP blocks the local editor.
\nRisk: Security evidence notes high-impact operational workflows in the release context.
\nMitigation: Install only where those workflows are expected, and keep dry-run, signoff, backup, and verification gates in place for privileged actions.
\n\n\n## Reference(s):
\n- [HTML Slide Mender homepage](https://github.com/wuhaoyupku/html-slide-mender)
\n- [ClawHub skill page](https://clawhub.ai/wuhaoyupku/html-slide-mender)
\n\n\n## Skill Output:
\n**Output Type(s):** [Shell commands, Files, Guidance]
\n**Output Format:** [Markdown guidance with inline shell commands; generated editable and exported HTML files]
\n**Output Parameters:** [1D]
\n**Other Properties Related to Output:** [Requires Node.js and a local HTML input file; generated editable files are written next to the source unless an output path is provided.]
\n\n## Skill Version(s):
\n0.1.8 (source: frontmatter and server release metadata)
\n\n## Ethical Considerations:
\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.
\n\nArchive v0.1.7: 5 files, 55346 bytes\n\nFiles: assets/html-slide-mender-runtime.js (208361b), scripts/inject-html-editor.mjs (5485b), skill-card.md (2657b), SKILL.md (12098b), _meta.json (130b)\n\nFile v0.1.7:SKILL.md\n\n---\nname: html-slide-mender\ndescription: Visual editor for local or saved HTML files, especially dynamic HTML slide decks, one-page web PPTs, AI-generated HTML presentations, and \"HTML PPT\" pages. Use this skill whenever the user wants to make a local HTML PPT editable, fix text, replace images, or visually micro-adjust layout/positions such as moving a title, image, card, or block a little. Its clean export patches text/images/backgrounds/layout styles back into the original HTML source instead of saving the live browser DOM, so slide navigation, generated dots, transforms, scripts, and runtime state do not pollute the final file. Do not use for live websites, authenticated online pages, generic HTML coding tasks, or PPTX/PowerPoint files; ask for a saved local HTML copy first.\nversion: 0.1.7\nmetadata:\n openclaw:\n homepage: https://github.com/wuhaoyupku/html-slide-mender\n requires:\n bins:\n - node\n---\n\n# HTML Slide Mender\n\nSearch terms: Local HTML editor for slides, HTML PPT editor, dynamic HTML PPT editor, one-page web slide deck editor, AI HTML presentation mender, saved HTML page editor, HTML text/image/layout editor, web PPT local mender, source-based HTML PPT export, visual layout micro-adjustment.\n\nThis skill turns a local or saved `.html` file into an editable browser page by injecting the HTML Slide Mender runtime. It is especially useful for AI-generated HTML presentations, HTML PPT outputs, dynamic one-page web slide decks, and pages where the user only wants to change text, replace images, or lightly adjust visual positions without asking the model to regenerate the whole file. The generated editable HTML can be opened directly as a local file.\n\nFor one-page web decks and dynamic JavaScript slide pages, this skill keeps the original HTML as the export baseline and applies content/layout-layer patches back into that source. This helps preserve slide navigation, generated dots, transforms, animations, and initialization scripts as part of the original page structure.\n\nUse this skill whenever the user asks to edit, modify, fix, change, or update \"this HTML\" and the target is a local or saved `.html` file. Phrases like \"edit this HTML\", \"modify this HTML\", \"make this HTML editable\", \"change the text in this HTML\", \"replace an image in this HTML PPT\", \"move this title a little\", \"adjust the layout\", or \"this HTML PPT position is off\" should trigger this skill.\n\nDo not use this skill for live websites, authenticated online pages, arbitrary source-code editing, or `.pptx` / PowerPoint files. If the user points to an online page, first ask for or create a saved local HTML copy, then use this skill on that local copy.\n\n## Workflow\n\n1. Locate the user's source HTML file. If multiple local `.html` files could match, ask which one to edit.\n2. Run the injector script:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /absolute/path/input.html\n```\n\n3. Use the JSON output to find the generated editable file. By default it is created next to the source file as `name.editable.html`.\n4. Open the editable HTML directly in a browser when the user wants to edit immediately. Prefer a local file URL such as `file:///absolute/path/name.editable.html`, or the in-app browser's direct local-file opening capability when available. Do not start a local HTTP server just to view the editable file.\n5. Let the user edit visually in the page.\n6. When finished, tell the user to click the editor toolbar's \"Download HTML\" button. The downloaded file is the durable clean result.\n\nThe original HTML file is never modified by default.\n\n## Script Options\n\n```bash\nnode scripts/inject-html-editor.mjs \\\n --out \\\n --lang zh-CN \\\n --mode basic\n```\n\n- `--out`: custom editable HTML output path.\n- `--lang zh-CN|en`: editor language. Default: `zh-CN`.\n- `--mode basic`: export mode. The skill runtime only supports `basic`, which keeps original external links and applies content edits to the source HTML. Default: `basic`.\n- `--no-autostart`: inject runtime but do not start the editor automatically.\n\n## Important Behavior\n\n- The generated editable HTML includes the editor runtime inline, marked with `data-hsm-editor`.\n- The editor's clean export removes its own toolbar, boxes, and injected runtime scripts.\n- Local draft saving is disabled. Refreshing or closing the editable page can lose unsaved edits; use \"Download HTML\" when the user wants to keep the result.\n- The injector preserves meta Content-Security-Policy tags and does not provide a CSP-stripping mode. If a local deck's CSP blocks inline editor startup, do not weaken the file automatically; use the browser extension workflow or ask the user how they want to handle that trusted file.\n- For skill-injected pages in `basic` mode, the final download starts from the original source HTML and applies content/layout-layer edits to text/images/backgrounds/position styles instead of serializing the live runtime DOM. This avoids freezing slide-deck runtime state such as generated navigation dots or the currently translated slide.\n- The original source HTML is kept inside the editor's private runtime closure for source-based export. It is not exposed through a `window` global.\n- For PPT-style HTML with separate CSS or image files, keep the edited HTML next to the original assets so relative paths continue to work.\n- The skill runtime does not bundle remote CSS or images. It avoids network-backed resource collection during export.\n- If the editable page appears unstyled, generate the editable file next to the original HTML so relative CSS/image paths still resolve. Only consider a local HTTP server if the user's browser blocks necessary local assets under `file://` and direct local opening cannot work.\n\n## Version Notes\n\n### 0.1.7\n\n- Adds a visible `Text/Image` and `Move layout` mode switch in the editor toolbar.\n- Adds layout micro-adjustment mode for moving visible text, image, card, and block elements with drag or arrow keys.\n- Preserves layout adjustments in clean source-based export without saving runtime editor UI.\n- Improves nested selection so smaller inner elements stay selectable when larger layout boxes overlap them.\n- Adds explicit edit-box state feedback: `Boxes on` / `Boxes off`.\n\n## Example\n\nUser: \"I want to modify this HTML: `/Users/me/deck.html`.\"\n\nRun:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /Users/me/deck.html --lang zh-CN --mode basic\n```\n\nThen open `/Users/me/deck.editable.html` and let the user edit in the browser.\n\n---\n\n# HTML Slide Mender\n\n搜索关键词：本地 HTML 编辑、HTML PPT 编辑、动态 HTML PPT 编辑、一页网页 PPT 修补、网页 PPT 本地修补、HTML 幻灯片编辑、AI 生成 HTML PPT 修补、HTML 文字图片版面编辑、位置微调、基于源 HTML 的干净导出。\n\n这个技能会把一个本地或已保存的 `.html` 文件变成可以在浏览器里可视化编辑的页面。它特别适合 AI 生成的 HTML 演示文稿、HTML PPT、动态的一页网页幻灯片、一个网页里包含多页 PPT 的页面，以及用户只想改几个字、换几张图、或者把标题/图片/卡片的位置轻微调一下、不想让大模型重新生成整份文件的场景。生成的可编辑 HTML 可以直接作为本地文件打开。\n\n对于一页网页里包含多页 PPT、并通过 JavaScript 控制翻页或动画的页面，这个技能会保留原始 HTML 作为导出底稿，只把内容层和版面微调层的文字、图片、背景图、位置样式修改 patch 回源文件结构里。这样可以更好地保留原页面的翻页逻辑、导航点、`transform`、动画和初始化脚本结构。\n\n只要用户说想“编辑这个 HTML”“修改这个 HTML”“改一下这个 HTML”“把这个 HTML 变成可编辑”“改这个 HTML PPT 里的文字/图片”“这个标题往上一点”“调整一下版面位置”，并且目标是本地或已保存的 `.html` 文件，就应该使用这个技能。\n\n不要直接用于在线网站、需要登录的网页、泛泛的源码改写任务，或 `.pptx` / PowerPoint 文件。如果用户给的是在线页面，先让用户提供本地保存的 HTML 副本，或者先把页面保存成本地 HTML，再对本地文件使用这个技能。\n\n## 工作流\n\n1. 找到用户要编辑的源 HTML 文件。如果有多个可能的本地 `.html` 文件，先问用户要编辑哪一个。\n2. 运行注入脚本：\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /absolute/path/input.html\n```\n\n3. 从 JSON 输出里找到生成的可编辑文件。默认会在源文件旁边生成 `name.editable.html`。\n4. 如果用户现在就要编辑，直接在浏览器里打开这个可编辑 HTML。优先使用 `file:///absolute/path/name.editable.html` 这种本地文件地址，或者使用 Codex 内置浏览器直接打开本地文件的能力。不要为了查看这个可编辑文件专门启动本地 HTTP 服务。\n5. 让用户直接在页面里可视化编辑文字和图片。\n6. 编辑完成后，让用户点击编辑器工具栏里的“下载 HTML”按钮。下载得到的 HTML 才是最终可长期保存的干净文件。\n\n默认不会修改原始 HTML 文件。\n\n## 脚本参数\n\n```bash\nnode scripts/inject-html-editor.mjs \\\n --out \\\n --lang zh-CN \\\n --mode basic\n```\n\n- `--out`：自定义可编辑 HTML 的输出路径。\n- `--lang zh-CN|en`：编辑器语言，默认 `zh-CN`。\n- `--mode basic`：导出模式。skill 运行时只支持 `basic`，它会保留原始外部链接，并把内容修改应用回源 HTML。默认 `basic`。\n- `--no-autostart`：注入运行时，但不自动启动编辑器。\n\n## 重要行为\n\n- 生成的可编辑 HTML 会内联编辑器运行时，并用 `data-hsm-editor` 标记。\n- 干净导出会移除编辑器自己的工具栏、选框和注入脚本。\n- 本地草稿保存是关闭的。刷新或关闭可编辑页面可能丢失未下载的修改；用户要保存结果时，应点击“下载 HTML”。\n- 注入脚本保留 meta Content-Security-Policy，并且不提供移除 CSP 的模式。如果本地 HTML 的 CSP 阻止内联编辑器启动，不要自动降低文件保护；改用浏览器插件工作流，或者先询问用户要如何处理这个可信文件。\n- 对 skill 注入的页面，`basic` 模式会从原始 HTML 出发，只应用内容层和版面微调层的文字、图片、背景图、位置样式修改，而不是保存运行中的 DOM 状态。这可以避免把幻灯片运行时状态、生成出来的导航点、当前翻页位置等错误保存进去。\n- 原始 HTML 底稿会保存在编辑器运行时自己的私有闭包里，用于 source-based export，不会通过 `window` 全局变量暴露。\n- HTML PPT 如果依赖独立 CSS 或图片文件，把导出的 HTML 放在原始资源旁边，确保相对路径继续可用。\n- skill 运行时不会打包远程 CSS 或图片，导出时不做基于网络的资源收集。\n- 如果打开可编辑页面后样式丢失，把可编辑文件生成到原 HTML 旁边，确保相对路径还能正常解析。只有在用户的浏览器因为 `file://` 限制阻止必要本地资源、直接打开确实不可用时，才考虑本地 HTTP 服务。\n\n## 版本说明\n\n### 0.1.7\n\n- 新增工具栏里的“文字/图片”和“位置微调”模式切换。\n- 新增版面微调模式，可以拖动或用方向键移动当前可见文字、图片、卡片和块级元素。\n- 干净导出会保留位置微调结果，同时继续移除编辑器 UI 和运行时脚本。\n- 优化大版面套小版面的选择顺序，小元素不会再被大框盖住而选不中。\n- 编辑框开关现在显示明确状态：“编辑框 开” / “编辑框 关”。\n\n## 示例\n\n用户：“我想修改这个 HTML：`/Users/me/deck.html`。”\n\n运行：\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /Users/me/deck.html --lang zh-CN --mode basic\n```\n\n然后打开 `/Users/me/deck.editable.html`，让用户在浏览器里编辑。\n\nFile v0.1.7:_meta.json\n\n{\n \"ownerId\": \"kn792bkwm33dj47ztj2fc9kmm988knxh\",\n \"slug\": \"html-mender\",\n \"version\": \"0.1.7\",\n \"publishedAt\": 1781623779121\n}\n\nFile v0.1.7:skill-card.md\n\n## Description:
\nVisual editor for local or saved HTML slide decks that injects an editable browser runtime, supports text, image, and layout micro-adjustments, and exports clean HTML based on the original source.
\n\nThis skill is ready for commercial/non-commercial use.
\n\n## Publisher:
\n[wuhaoyupku](https://clawhub.ai/user/wuhaoyupku)
\n\n### License/Terms of Use:
\nMIT-0
\n\n\n## Use Case:
\nDevelopers and agents use this skill to turn a trusted local or saved HTML presentation into an editable browser file, guide visual edits, and help the user download a clean HTML result. It is intended for local HTML slide decks and HTML PPT pages, not live websites, authenticated pages, generic HTML coding tasks, or PowerPoint files.
\n\n### Deployment Geography for Use:
\nGlobal
\n\n## Known Risks and Mitigations:
\nRisk: The security review marks the release suspicious because draft-saving behavior and broad activation are not scoped clearly enough.
\nMitigation: Install only when comfortable with browser-based editing of local or saved HTML, and avoid sensitive pages with private URLs, query parameters, or file paths unless the publisher narrows activation and sanitizes draft identifiers.
\nRisk: The skill injects a browser editor runtime into a local HTML copy and the user may later download edited HTML.
\nMitigation: Review the generated editable file and downloaded HTML before replacing any original or shared presentation.
\nRisk: Existing Content-Security-Policy settings can block inline editor startup.
\nMitigation: Do not weaken CSP automatically; use a trusted alternate workflow or ask the user how to handle the protected local file.
\n\n\n## Reference(s):
\n- [ClawHub skill page](https://clawhub.ai/wuhaoyupku/html-slide-mender)
\n- [Project homepage](https://github.com/wuhaoyupku/html-slide-mender)
\n\n\n## Skill Output:
\n**Output Type(s):** [text, markdown, shell commands, code, guidance]
\n**Output Format:** [Markdown guidance with inline shell commands and JSON script output]
\n**Output Parameters:** [1D]
\n**Other Properties Related to Output:** [The injector writes an editable local HTML copy and leaves the original source HTML unchanged by default; Node.js is required.]
\n\n## Skill Version(s):
\n0.1.7 (source: release evidence and SKILL.md frontmatter)
\n\n## Ethical Considerations:
\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment.
","readmeExcerpt":"Skill: HTML Mender Owner: wuhaoyupku Summary: HTML Mender is a visual editor for local or saved .html files only, including HTML-based PPT/deck pages, AI-generated slide HTML, and saved one-page presen... Tags: ai-ppt:0.1.16, deck-editor:0.1.16, edit-html:0.1.16, edit-ppt:0.1.16, editable-html:0.1.16, editor:0.1.11, html:0.1.16, html-bianji:0.1.16, html-editing:0.1.16, html-editor:0.1.16, html-mender:0.1.16, html-ppt","codeSnippets":[],"executableExamples":[{"language":"bash","snippet":"node /path/to/this-skill/scripts/inject-html-editor.mjs /absolute/path/input.html"},{"language":"bash","snippet":"node scripts/inject-html-editor.mjs \\\n --out \\\n --lang zh-CN \\\n --mode basic"},{"language":"bash","snippet":"node /path/to/this-skill/scripts/inject-html-editor.mjs /Users/me/deck.html --lang zh-CN --mode basic"},{"language":"bash","snippet":"node /path/to/this-skill/scripts/inject-html-editor.mjs /absolute/path/input.html"},{"language":"bash","snippet":"node scripts/inject-html-editor.mjs \\\n --out \\\n --lang zh-CN \\\n --mode basic"},{"language":"bash","snippet":"node /path/to/this-skill/scripts/inject-html-editor.mjs /Users/me/deck.html --lang zh-CN --mode basic"}],"parameters":null,"dependencies":[],"permissions":[],"extractedFiles":[{"path":"SKILL.md","content":"---\nname: html-mender\ndescription: HTML Mender is a visual editor for local or saved `.html` files only, including HTML-based PPT/deck pages, AI-generated slide HTML, and saved one-page presentation HTML. Use this skill when the user provides a local/saved HTML file and wants visual edits such as fixing text, adding text/images, replacing images, adjusting layout/position/size, or moving/scaling/resizing a title/image/card/block. Search phrases like “HTML 编辑”, “HTML editor”, “HTML editing”, “PPT 编辑”, “PPT editor”, “HTML PPT 编辑”, “网页 HTML 编辑”, “演示稿编辑”, and “幻灯片编辑” apply only when the target is a local/saved HTML file. Clean export patches text/images/backgrounds/layout styles back into the original source HTML instead of saving runtime DOM. Do not use for live websites, authenticated pages, generic source-code editing, or PPTX/PowerPoint files; ask for a saved local HTML copy first.\nversion: 0.1.17\nmetadata:\n openclaw:\n homepage: https://github.com/wuhaoyupku/html-mender\n requires:\n bins:\n - node\n---\n\n# HTML Mender\n\nUse this skill to turn a local `.html` deck into a browser-editable copy. HTML Mender is built for HTML PPTs and AI-generated slide pages where the user wants small visual edits instead of regenerating the whole page.\n\n## Core Behavior\n\n- Generates an editable `*.editable.html` next to the source unless `--out` is provided.\n- Keeps the original source HTML as the clean-export baseline.\n- Exports by patching changed or newly inserted text/images, background images, and layout styles back into the source.\n- Avoids saving editor UI, generated runtime state, navigation dots, current-slide transforms, or injected scripts.\n- Never modifies the original HTML by default.\n\n## Workflow\n\n1. Locate the user's local source HTML. If multiple files match, ask which one to edit.\n2. Run the injector:\n\n```bash\nnode /path/to/this-skill/scripts/inject-html-editor.mjs /absolute/path/input.html\n```\n\n3. Open the generated editable file directly, preferably as `file:///absolute/path/name.editable.html`.\n4. Let the user edit visually in the browser.\n5. Tell the user to click `下载 HTML` / `Download HTML` to save the durable clean result.\n\nDo not start a local HTTP server just to view the file unless `file://` blocks required local assets.\n\n## Script Options\n\n```bash\nnode scripts/inject-html-editor.mjs \\\n --out \\\n --lang zh-CN \\\n --mode basic\n```\n\n- `--out`: custom output path.\n- `--lang zh-CN|en`: editor language. Default: `zh-CN`.\n- `--mode basic`: keeps external links and applies edits back to source HTML. Default: `basic`.\n- `--no-autostart`: inject runtime without starting the editor automatically.\n\n## Important Notes\n\n- Local draft saving is disabled; refreshing can lose unsaved edits.\n- Keep editable/exported HTML next to the original assets when the deck uses relative CSS or images.\n- CSP meta tags are preserved. If CSP blocks inline startup, use the browser extension workflow or ask the user how to handle "},{"path":"_meta.json","content":"{\n \"ownerId\": \"kn792bkwm33dj47ztj2fc9kmm988knxh\",\n \"slug\": \"html-mender\",\n \"version\": \"0.1.17\",\n \"publishedAt\": 1783680013119\n}"},{"path":"skill-card.md","content":"## Description:\n\nHTML Mender turns local or saved HTML deck pages into browser-editable copies for visual text, image, and layout fixes, then exports clean HTML patches back to the source baseline.\n\nThis skill is ready for commercial/non-commercial use.\n\n## Publisher:\n\n[wuhaoyupku](https://clawhub.ai/user/wuhaoyupku)\n\n### License/Terms of Use:\n\nMIT-0\n\n## Use Case:\n\nDevelopers, designers, and presentation authors use this skill to make small visual edits to local or saved HTML presentations without regenerating the entire page. It helps an agent prepare an editable HTML copy, guide browser-based edits, and preserve the clean source-oriented export.\n\n### Deployment Geography for Use:\n\nGlobal\n\n## Known Risks and Mitigations:\n\nRisk: Using the skill on live or authenticated webpages is outside its intended local-file scope.\n\nMitigation: Use it only with local or saved HTML files that the user chooses; ask for a saved local HTML copy for live or authenticated content.\n\nRisk: Generated editable or exported HTML can lose styling or media references if separated from relative assets.\n\nMitigation: Keep editable and exported HTML next to the original asset folders when the source uses relative CSS, images, or other files.\n\nRisk: Unsaved browser edits can be lost because local draft saving is disabled.\n\nMitigation: Use the editor download action to save the clean HTML result before refreshing or closing the page.\n\n## Reference(s):\n\n- [HTML Mender ClawHub Listing](https://clawhub.ai/wuhaoyupku/skills/html-mender)\n- [HTML Mender Homepage](https://github.com/wuhaoyupku/html-mender)\n\n## Skill Output:\n\n**Output Type(s):** [Text, Markdown, Code, Shell commands, Configuration, Guidance]\n\n**Output Format:** [Markdown guidance with shell commands and generated HTML file paths]\n\n**Output Parameters:** [1D]\n\n**Other Properties Related to Output:** [Requires Node.js; the generated editable HTML should stay next to the original HTML assets.]\n\n## Skill Version(s):\n\n0.1.17 (source: frontmatter and server release evidence)\n\n## Ethical Considerations:\n\nUsers should evaluate whether this skill is appropriate for their environment, review any generated or modified files before relying on them, and apply their organization's safety, security, and compliance requirements before deployment."}],"languages":[],"docsSourceLabel":"CLAWHUB","editorialOverview":"HTML Mender is a visual editor for local or saved `.html` files only, including HTML-based PPT/deck pages, AI-generated slide HTML, and saved one-page presen... Skill: HTML Mender Owner: wuhaoyupku Summary: HTML Mender is a visual editor for local or saved .html files only, including HTML-based PPT/deck pages, AI-generated slide HTML, and saved one-page presen... Tags: ai-ppt:0.1.16, deck-editor:0.1.16, edit-html:0.1.16, edit-ppt:0.1.16, editable-html:0.1.16, editor:0.1.11, html:0.1.16, html-bianji:0.1.16, html-editing:0.1.16, html-editor:0.1.16, html-mender:0.1.16, html-ppt","editorialQuality":{"score":100,"threshold":65,"status":"ready","wordCount":1381,"uniquenessScore":47,"reasons":[]}},"media":{"evidence":{"source":"no-media","verified":false,"confidence":"low","updatedAt":"2026-10-10T08:56:34.823Z","emptyReason":"No screenshots, media assets, or demo links are available."},"primaryImageUrl":null,"mediaAssetCount":0,"assets":[],"demoUrl":null},"ownerResources":{"evidence":{"source":"unclaimed","verified":false,"confidence":"low","updatedAt":"2026-10-10T08:56:34.823Z","emptyReason":"This page has not been claimed by the agent owner."},"hasCustomPage":false,"customPageUpdatedAt":null,"customLinks":[],"structuredLinks":{"docsUrl":null,"demoUrl":null,"supportUrl":null,"pricingUrl":null,"statusUrl":null},"customPage":null},"relatedAgents":{"evidence":{"source":"protocol-neighbors","verified":false,"confidence":"medium","updatedAt":"2026-10-10T11:52:09.845Z","emptyReason":null},"items":[{"id":"8ebccd8e-3863-4187-8355-c3f14e1f9edf","entityType":"agent","canonicalPath":"/agent/iofficeai-aionui","slug":"iofficeai-aionui","name":"AionUi","description":"Free, local, open-source 24/7 Cowork app and OpenClaw for Gemini CLI, Claude Code, Codex, OpenCode, Qwen Code, Goose CLI, Auggie, and more | 🌟 Star if you like it!","url":"https://github.com/iOfficeAI/AionUi","homepage":"https://www.aionui.com","source":"GITHUB_REPOS","protocols":["MCP","OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-10-09T19:11:12.944Z","createdAt":"2026-02-25T03:38:16.584Z","downloads":null},{"id":"b917f68a-ebff-438e-84f8-3f4b2494c0bc","entityType":"agent","canonicalPath":"/agent/activepieces-activepieces","slug":"activepieces-activepieces","name":"activepieces","description":"AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents","url":"https://github.com/activepieces/activepieces","homepage":"https://www.activepieces.com","source":"GITHUB_REPOS","protocols":["OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-04-15T02:22:12.426Z","createdAt":"2026-02-25T03:38:12.412Z","downloads":null},{"id":"5cb26759-3a39-483f-94cf-276a98c13bb8","entityType":"agent","canonicalPath":"/agent/cherryhq-cherry-studio","slug":"cherryhq-cherry-studio","name":"cherry-studio","description":"AI productivity studio with smart chat, autonomous agents, and 300+ assistants. Unified access to frontier LLMs","url":"https://github.com/CherryHQ/cherry-studio","homepage":"https://cherry-ai.com","source":"GITHUB_REPOS","protocols":["MCP","OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-04-11T14:38:40.986Z","createdAt":"2026-02-25T03:38:19.379Z","downloads":null},{"id":"6f6582d0-5d76-4f0f-b81d-86520247950b","entityType":"agent","canonicalPath":"/agent/copilotkit-copilotkit","slug":"copilotkit-copilotkit","name":"CopilotKit","description":"The Frontend for Agents & Generative UI. React + Angular","url":"https://github.com/CopilotKit/CopilotKit","homepage":"https://docs.copilotkit.ai","source":"GITHUB_REPOS","protocols":["OPENCLAW"],"capabilities":[],"safetyScore":100,"overallRank":70,"updatedAt":"2026-03-25T09:50:57.846Z","createdAt":"2026-02-25T03:39:14.617Z","downloads":null}],"links":{"hub":"/agent","source":"/agent/source/clawhub","protocols":[{"label":"OpenClaw","href":"/agent/protocol/openclew"}]}}}