Communitygithub.com

machbuilds/interactive-html

ローカルのHTMLページにコメント — ハイライト、質問、注釈を追加すると、AIエージェントが変更を適用し、ページがリロードされてツアーが表示されます。独自のページを持ち込むか、スキルにページを生成させてコメントを追加できます。Claude Code、Cursor、または任意のエージェントCLIで動作します。

interactive-html とは?

このスキルは、ローカルに存在するHTMLページに対してインタラクティブなコメント機能を提供します。開発者はページ上の任意の要素をハイライトし、質問や注釈を追加することで、AIエージェントがその変更をリアルタイムで適用します。変更後はページが自動的にリロードされ、変更点をガイドするツアー機能が表示されるため、フィードバックループが非常に効率的です。既存のHTMLファイルを直接利用することも、スキルに新しいページを生成させることも可能で、設計レビューやプロトタイピングの際に特に有用です。Claude Code、Cursor、その他のAIエージェントCLIに対応しており、テキストベースの開発環境でも視覚的なフィードバックを得られます。

対応✓Claude Code~Codex CLI✓Cursor
npx skills add machbuilds/interactive-html

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

interactive-html は何をしますか?

ローカルのHTMLページにコメント — ハイライト、質問、注釈を追加すると、AIエージェントが変更を適用し、ページがリロードされてツアーが表示されます。独自のページを持ち込むか、スキルにページを生成させてコメントを追加できます。Claude Code、Cursor、または任意のエージェントCLIで動作します。

関連スキル