メニュー
Make collaborative HTML documents the user can edit and comment on in a local browser. Use only when explicitly invoked for an HTML or SVG document, dashboard, report, mockup, slide, or one-pager the user wants to edit interactively.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/tmustier/html-editor --skill html-editorコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SOC 職業分類に基づく
SKILL.md を表示中
| name | html-editor |
| description | Make collaborative HTML documents the user can edit and comment on in a local browser. Use only when explicitly invoked for an HTML or SVG document, dashboard, report, mockup, slide, or one-pager the user wants to edit interactively. |
| disable-model-invocation | true |
Source repo: https://github.com/tmustier/html-editor
When you produce an HTML file the user will iterate on, open it in the collaborative editor instead of asking them to re-prompt for every tweak.
python3 ~/.pi/agent/git/github.com/tmustier/html-editor/serve.py <file.html> --port 8765 --no-open
If that path doesn't exist, the repo can be cloned from the source URL above
or installed with pi install git:github.com/tmustier/html-editor.
Background it (nohup ... & or in a tmux pane). If port 8765 is busy, pick
another free port. Tell the user the URL.
In the browser, the user can click-to-edit text, table cells, and SVG
labels, drag to reorder, resize, undo/redo, and leave inline comments.
Edits write straight back to the source file. Comments arrive back here as
user messages automatically (the html-editor-comments extension is
bundled with this package).
If the document is very large, the user may not be able to take it in all at once in a single page. Consider splitting it into several smaller HTML files (one per section, chapter, or logical segment) and opening each in its own editor instance on a different port so the user can review and edit each piece comfortably.
For anything deeper, read the README in the repo — it's a small tool, inspect the code directly if you need more.