Communitygithub.com

machbuilds/interactive-html

Kommentiere lokale HTML-Seiten – markiere, frage oder annotiere; ein KI-Agent wendet die Änderung an und die Seite wird mit einer Tour neu geladen. Nutze eigene Seiten oder lass die Fähigkeit eine generieren, um sie zu kommentieren. Funktioniert mit Claude Code, Cursor oder jeder Agenten-CLI.

Was ist interactive-html?

Diese Fähigkeit ermöglicht es einem KI-Agenten, mit lokalen HTML-Seiten zu interagieren, indem er visuelle Änderungen, Annotationen oder Touren auf Anweisung des Benutzers vornimmt. Benutzer können Elemente hervorheben, Fragen stellen oder Kommentare zu bestimmten Teilen einer Seite abgeben, und der Agent aktualisiert die Seite dynamisch über JavaScript-Code, der die Änderungen anwendet. Die Fähigkeit unterstützt sowohl benutzerdefinierte HTML-Dateien als auch die automatische Generierung einer neuen Seite mit einem Tour-Overlay, was sie ideal für schnelles Prototyping, UI-Inspektion oder interaktive Dokumentation macht. Sie ist als Skill für Claude Code, Cursor und andere kompatible agent CLI-Tools entworfen und nutzt Umgebungsvariablen, um den Pfad zur HTML-Datei und die zugehörigen Assets zu identifizieren.

Funktioniert mit✓Claude Code~Codex CLI✓Cursor
npx skills add machbuilds/interactive-html

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht interactive-html?

Kommentiere lokale HTML-Seiten – markiere, frage oder annotiere; ein KI-Agent wendet die Änderung an und die Seite wird mit einer Tour neu geladen. Nutze eigene Seiten oder lass die Fähigkeit eine generieren, um sie zu kommentieren. Funktioniert mit Claude Code, Cursor oder jeder Agenten-CLI.

Verwandte Skills