Im Skills-Beitrag vom 29. September habe ich drei Werkzeuge geprüft: context-mode (global aus, +11 % Kosten im A/B-Test), VibeSec (eingebaut in BUILD) und stop-slop (installiert, nicht verdrahtet). Im Claudex-Loop-Beitrag vom 24. September habe ich ein Cross-Model-Review-Plugin analysiert und nicht installiert. Heute kamen zwei Erweiterungen dazu.
answer-me-with-html
Der Skill kommt vom Repo QingYunA/answer-me-with-html (MIT, Version 0.4.8, Node.js 20+). Die Idee ist einfach: Ich schreibe nur einen kurzen Markdown-Entwurf. Die mitgelieferte CLI baut daraus eine HTML-Seite mit Diagrammen, Hell/Dunkel und einer STE-Prüfung.
STE steht für Simplified Technical English. Die Prüfung markiert Sätze, die zwei Aussagen gleichzeitig treffen, Passiv verwenden oder zu lang sind.
entwurf
Kurzes Markdown: Abschnitte, Listen, Code-Blöcke. Kein HTML.
rendern
am render entwurf.md: die CLI baut daraus eine HTML-Seite mit Diagrammen und STE-Prüfung.
seite
Ergebnis: eigenständige HTML-Seite, hell/dunkel, Panels, Flow- und Timeline-Diagramme, STE-Warnungen inline.
Bevor ich es installiert habe, habe ich den Code gelesen. Die CLI rendert lokal. Sie prüft einmal pro Woche die Version gegen raw.githubusercontent.com und aktualisiert nie selbst. ElevenLabs kommt nur bei Video-Sprechern zum Einsatz.
Das Zusatz-Plugin "always-on" habe ich nicht installiert. Es ist ein UserPromptSubmit-Hook, der jeder Antwort mit Ergebnis eine Seite anhängt. Das passt nicht zu meinen Regeln für knappe Antworten.
was die Zahlen sagen
Laut README des Repos (Messung des Autors, Claude Sonnet 5.5, 3 Themen x 3 Läufe, Mediane):
- Ausgabe-Token: 6.873 (direkt HTML) versus 923 (mit Skill), das sind 7,4-mal weniger
- Zeit: 46 Sekunden versus 13 Sekunden, das sind 3,6-mal schneller
- Kosten pro Antwort: 0,22 Dollar (direkt) versus 0,26 Dollar (mit Skill), fast gleich, weil der Skill den Kontext in zwei Extra-Runden neu liest
| Kategorie | Wert |
|---|---|
| direkt | 6.873 |
| skill | 923 |
- direkt6.873
- skill923
| Kategorie | Wert |
|---|---|
| direkt | 46 s |
| skill | 13 s |
- direkt46 s
- skill13 s
| Kategorie | Wert |
|---|---|
| direkt | 0,22 $ |
| skill | 0,26 $ |
- direkt0,22 $
- skill0,26 $
mein Test
Das TCP-Beispiel aus dem Repo habe ich gerendert: 6 Panels, 0 STE-Warnungen. Eine eigene Testseite mit dem Titel "Skills, Plugins und Desktop" ergab 4 Panels und ebenfalls 0 Warnungen.
installation
installation
terminal# Claude Code (global)
npx -y skills add QingYunA/answer-me-with-html -g -y -a claude-code
# oder als Plugin
/plugin marketplace add QingYunA/answer-me-with-html
/plugin install answer-me-with-html@answer-me-with-html
/reload-pluginsin welchen Umgebungen es läuft
Der Code-Tab der Desktop-App liest denselben Ordner ~/.claude/skills. Für den normalen Chat in Claude Desktop oder claude.ai braucht es einen ZIP-Upload unter Einstellungen > Capabilities > Skills.
Die mitgelieferte Skill-Beschreibung hat 1.046 Zeichen, das Limit liegt bei 1.024. Für den Upload habe ich die chinesischen Trigger-Wörter entfernt. Die Datei hat dann 960 Zeichen. Ob die Sandbox im Chat Node über die Code-Ausführung starten kann, zeigt erst der Test.
| wo | zugang | einschränkung |
|---|---|---|
| terminal (claude code) | npx skills add, Skills-Ordner ~/.claude/skills | keine |
| code-tab (desktop-app) | derselbe Ordner ~/.claude/skills, kein separater Install | keine |
| chat (claude desktop / claude.ai) | ZIP-Upload unter Einstellungen > Capabilities > Skills | Skill-Beschreibung max. 1.024 Zeichen; mitgelieferte hatte 1.046; chinesische Trigger-Wörter entfernt, jetzt 960 Zeichen. Node über Code-Ausführung: Test steht noch aus. |
stolperstein lean-ctx
Meine Shell-Regeln sperren Heredoc direkt an node. Die Lösung war, den Entwurf als Datei zu schreiben und dann am render datei.md auszuführen.
andrej-karpathy-skills
Das Plugin andrej-karpathy-skills (multica-ai/andrej-karpathy-skills, Version 1.0.0) war in meinem Setup installiert, aber abgeschaltet. Heute habe ich es eingeschaltet.
Die vier Prinzipien aus dem Plugin:
- Think Before Coding: Annahmen nennen, nicht raten. Bei mehreren Lesarten alle zeigen, nicht still wählen.
- Simplicity First: Minimaler Code. Keine Features, die nicht gefragt wurden. Keine Abstraktion für einmaligen Einsatz.
- Surgical Changes: Nur anfassen, was der Auftrag berührt. Nachbarcode in Ruhe lassen. Stil matchen.
- Goal-Driven Execution: Erfolgskriterium formulieren, bevor Code entsteht. Loop, bis das Kriterium grün ist.
| prinzip | kernregel | überlappung mit meinem setup |
|---|---|---|
| think before coding | Annahmen nennen. Alle Lesarten zeigen, nicht still wählen. Nachfragen, wenn unklar. | bereits in CLAUDE.md: Annahmen nennen, Lesarten zeigen |
| simplicity first | Minimaler Code. Keine Features, die nicht gefragt wurden. Keine Abstraktion für einmaligen Einsatz. | bereits in CLAUDE.md als simplicity first |
| surgical changes | Nur anfassen, was der Auftrag berührt. Nachbarcode in Ruhe lassen. Stil matchen. | bereits in CLAUDE.md als surgical changes |
| goal-driven execution | Prüfbares Erfolgskriterium festlegen, bevor Code entsteht. Loop, bis es grün ist. | bereits in CLAUDE.md als goal-driven |
Alle vier Prinzipien stehen schon in meiner globalen CLAUDE.md, Think Before Coding als Regel „Annahmen nennen, nicht raten“ und als Tiebreaker „Lesarten zeigen statt still wählen“. Eingeschaltet habe ich das Plugin trotzdem. Es bringt die Regeln als Skill mit, der bei Code-Aufgaben lädt.
Drei Messpunkte der Serie: ClaudeX Loop am 24.09., Skills-Prüfung am 29.09., answer-me-with-html und karpathy-guidelines am 05.10.
- 24.09. · erledigt
claudex loop geprüft
Nicht installiert. Eine Idee behalten: Freigabe an den geprüften Code-Stand binden.
- 29.09. · erledigt
drei skills geprüft
context-mode global aus (A/B: +11 % kosten), VibeSec in BUILD, stop-slop geparkt.
- 05.10. · erledigt
answer-me-with-html + karpathy
answer-me-with-html installiert (v0.4.8), always-on-Plugin nicht installiert. karpathy-guidelines eingeschaltet.
der kern in drei sätzen
answer-me-with-html lässt das Modell nur einen kurzen Entwurf schreiben, laut Messung des Autors mit einem Siebtel der Ausgabe-Token und in einem Drittel der Zeit. Das always-on-Plugin bleibt aus, weil es fast jeder Antwort eine Seite anhängen würde. Die Karpathy-Regeln standen schon in meiner CLAUDE.md, das Plugin bringt sie zusätzlich als Skill für Code-Aufgaben.
häufige Fragen
Was macht answer-me-with-html?
Du schreibst einen kurzen Markdown-Entwurf. Die mitgelieferte CLI baut daraus eine HTML-Seite mit Diagrammen (Flow, Sequence, Tree, Timeline, Tabellen, Callouts), Hell/Dunkel und einer STE-Prüfung. STE steht für Simplified Technical English: ein Satz, eine Aussage, Aktiv, kurze Sätze.
Spart der Skill wirklich Token?
Ja, bei der Ausgabe. Laut README des Repos (Messung des Autors, Claude Sonnet 5.5, 3 Themen x 3 Läufe, Mediane) erzeugt das Modell mit Skill 923 statt 6.873 Ausgabe-Token. Die Kosten pro Antwort sind fast gleich, weil der Skill den Kontext in zwei Extra-Runden neu liest.
Wo kann ich den Skill nutzen?
Im Terminal und im Code-Tab der Desktop-App liest Claude Code automatisch den Ordner ~/.claude/skills. Im normalen Chat braucht es einen ZIP-Upload unter Einstellungen > Capabilities > Skills.
Was sind die Karpathy-Guidelines?
Vier Prinzipien aus dem Plugin andrej-karpathy-skills: Think Before Coding (Annahmen nennen), Simplicity First (minimaler Code), Surgical Changes (nur berühren, was nötig ist), Goal-Driven Execution (Prüfbefehl vor dem ersten Commit). Alle vier stehen schon in meiner CLAUDE.md.
Quellen und Stand
Stand: 05.10.2026. Benchmark-Zahlen: github.com/QingYunA/answer-me-with-html, README, Messung des Autors. Karpathy-Guidelines: github.com/multica-ai/andrej-karpathy-skills, Version 1.0.0, SKILL.md. Eigene Tests: 05.10.2026.
