CC HTML Feedback

Kommentieren einer bereitgestellten HTML-Seite; Claude behebt sie und morphs den Tab, kein Neuladen

von leetwito · leetwito/cc-htmlfeedback

Getestet · Funktioniert ★ 8.4/10

CC HTML Feedback — Kommentieren einer bereitgestellten HTML-Seite; Claude behebt sie und morphs den Tab, kein Neuladen

Was es kann

Stellt Ihre lokale HTML (statisches Verzeichnis oder ein proxied Dev-Server) mit einem injizierten Kommentar-Widget bereit, sodass das Hervorheben von Text im Browser ein Ticket mit dem Zitat, seinem Abschnitt und dem umgebenden Kontext erstellt. Eine Claude Code-Sitzung leert die pro-Seite-Warteschlange, bearbeitet die Quelle, verifiziert in einem eigenen separaten Tab, und das Widget wendet die Änderung auf Ihren offenen Tab durch DOM-Morphing an. Wird bei /cc-htmlfeedback oder einer Anfrage zum Starten des Feedback-Loops auf einer Seite, die Sie überprüfen, ausgelöst.

Testbericht

Den gesamten Loop real ausgeführt: Eine Planseite vom installierten Plugin bereitgestellt, drei Sätze in Chrome markiert und drei Kommentare über das Widget eingereicht, die in .cc-htmlfeedback/pages/<key>/feedback_inbox.jsonl mit dem Zitat, der Abschnittsüberschrift ('Goals', 'Risks') und der bereits angehängten Notiz landeten. Das Bearbeiten der Quelle und das Umstellen der Tickets auf "done" aktualisierte alle drei Sätze im offenen Tab, während ein auf window gesetzter Marker überlebte, was das beworbene No-Reload-DOM-Morphing statt eines Refreshs beweist. Der dokumentierte Wiederherstellungspfad funktioniert auch: /__ccfb/health identifiziert den Server und POST /__ccfb/shutdown beendet ihn. Die Bearbeitungen selbst sind nicht besser als das Einfügen derselben drei Notizen in den Chat; was man gewinnt, ist die Verankerung, der Live-Status und ein Verifizierungsdurchlauf, und der Preis ist ein Node-Server plus der Chrome MCP für den Verifizierungs-Tab.

Getestet am: 2026-08-10 · Claude Code 2.x (agent harness)

Installation

/plugin marketplace add https://github.com/leetwito/cc-htmlfeedback.git
/plugin install cc-htmlfeedback@cc-htmlfeedback

Befehle & Beispiel-Prompts

  • /cc-htmlfeedbackKommentieren einer bereitgestellten HTML-Seite; Claude behebt sie und morphs den Tab, kein Neuladen

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

  • Serve my local HTML with a comment widget so I can leave feedback
  • Drain the feedback queue on this page and fix the flagged issues
  • Let me highlight text on this dev page and file review comments