HTML as Agent Output Format — The Unreasonable Effectiveness
A Probléma Markdownnal¶
A Markdown egyszerű, hordozható, de ahogy az agent-ek egyre komplexebb feladatokat oldanak meg, egyre korlátozóbbá válik:
- 100+ soros Markdown fájlokat senki nem olvas el
- ASCII diagramok primitívek
- Nincs vizuális hierarchia (színek, layout, tab-ok)
- Nehezen megosztható (böngészők nem renderelik natívan)
A HTML Előnyei¶
Információsűrűség¶
- Táblázatok, SVG diagramok, CSS design, kódrészletek, interakciók
- Canvas, abszolút pozicionálás, képek
- "Szinte nincs olyan információhalmaz, amit ne lehetne hatékonyan reprezentálni HTML-ben"
Vizuális Tisztaság¶
- Tab-ok, illusztrációk, linkek strukturálják a tartalmat
- Mobil-reszponzív — form factorhoz igazodik
- Az emberek ténylegesen ELOLVASSÁK
Könnyű Megosztás¶
- Böngészőben azonnal renderelődik
- Nem kell csatolmányként csatolni emailhez/üzenethez
- Sokkal nagyobb esély, hogy valaki tényleg elolvassa a spec-et/report-ot
Kétirányú Interakció¶
- Slider-ek, gombok, draggable kártyák
- Élő preview, paraméter-tuning
- "Copy as JSON" vagy "copy as prompt" gombok — vissza a Claude Code-ba
Token Költség¶
- A HTML több tokent használ, de Opus 4.7 1M context window-jában ez nem számottevő
- A hozzáadott érték (olvashatóság, megértés) messze felülmúlja a token költséget
Use Case-ek¶
| Use Case | Példa prompt |
|---|---|
| Specek, tervezés | "Generate 6 different UI approaches, lay them out in HTML grid" |
| Code review | "Create HTML artifact showing PR diff with annotations, color-code findings" |
| Design prototípusok | "Prototype checkout button animation with sliders to tune parameters" |
| Reportok, kutatás | "Read the rate limiter code, produce HTML explainer with diagram + code snippets" |
| Egyedi editorok | "Make drag-and-drop ticket prioritizer with copy-as-markdown export" |
Miért Releváns Nekünk¶
A Nuclear Pulse site-ot pontosan ezen elv alapján építettük: HTML output emberi fogyasztásra. A wikiben a Markdown formátum marad (indexelhetőség, kereshetőség, rebuild script), de az "emberi fogyasztásra" szánt outputoknál (Nuclear Pulse, statisztikák, reportok) a HTML a helyes irány.
A cikk megerősíti, hogy ez nem esztétikai preferencia, hanem funkcionálisan jobb megközelítés.