Using Claude Code: The Unreasonable Effectiveness of HTML¶
- Szerző: Thariq Shihipar, Anthropic (Claude Code team)
- Forrás: https://claude.com/blog/using-claude-code-the-unreasonable-effectiveness-of-html
- Dátum: 2026-05-20 (publikálva), 2026-05-25 (összefoglaló)
- Téma: AI agentek, coding workflow, HTML vs Markdown
Összegzés¶
Thariq Shihipar, a Claude Code csapat tagja bemutatja, miért és hogyan használják HTML-t Markdown helyett az AI agent outputokhoz.
A probléma Markdownnal¶
- Olvashatatlan hosszú dokumentumok: 100+ soros Markdown fájlokat senki nem olvas el végig, főleg nem a szervezet többi tagja
- Korlátozott kifejezőképesség: ASCII diagramok, unicode "színbecslések" — ezek mind workaround-ok
- Rossz megoszthatóság: A legtöbb böngésző nem rendereli natívan jól a Markdownt, csatolmányként kell küldeni
- Szerkesztési előny eltűnik: Ha már nem te szerkeszted a fájlokat, hanem Claude-dal szerkeszteted, a Markdown egyszerűségének előnye megszűnik
Miért jobb a HTML?¶
- Információsűrűség: Táblázatok, SVG diagramok, CSS vizuális design, JavaScript interakció, canvas — minden, amit Markdown nem tud
- Olvashatóság: Tab-ok, illusztrációk, linkek, vizuális struktúra, akár mobil-reszponzív layout
- Megoszthatóság: Feltöltöd a HTML fájlt, linket küldesz, böngészőben azonnal nyílik — sokkal nagyobb eséllyel olvassa el bárki
- Interaktivitás: Sliderek, draggable kártyák, "copy as JSON/prompt" export gombok
- Token költség elhanyagolható: Opus 4.7 1M context window-jában nem érezhető a plusz token
Konkrét használati esetek¶
| Használati eset | Példa prompt |
|---|---|
| Specek és tervezés | "Generálj 6 különböző onboarding screen-t, grid-ben, tradeoff-okkal" |
| Code review | "Rendereld a diff-et inline margin annotációkkal, színkódolt severity-vel" |
| Design prototípusok | "Prototipálj egy checkout gomb animációt slider-ekkel és copy paraméter gombbal" |
| Reportok, magyarázatok | "Készíts egy HTML explainer-t a rate limiterünkről SVG diagrammal" |
| Egyedi editing interface-ek | "Csinálj egy draggable kártyás triage felületet 30 Linear ticket-hez" |
| Prompt tuning | "Side-by-side editor: bal oldalon prompt, jobb oldalon 3 minta input live renderrel" |
A lényeg¶
Shihipar szerint az igazi ok, amiért HTML-t használ: jobban benne marad a loop-ban Claude-dal. Ahogy az agentek egyre több munkát vesznek át, a HTML outputok segítenek abban, hogy ne csak "kiadja" a feladatot, hanem továbbra is értse és kövesse, mit csinál az agent.
A cikk végén megjegyzi, hogy ő már szinte teljesen elhagyta a Markdownt — "HTML maximalistának" tartja magát.
Relevancia számunkra¶
- Nuclear Pulse site: pontosan ezt az elvet követi — HTML output emberi fogyasztásra
- Wiki pipeline: HTML a readable output, Markdown a wikiben indexelhető raw formátum
- Harness: A podcast/article pipeline-ok is ezt a mintát követik: transcribe → summarize → wiki raw → HTML/olvasható output
- Agent munkafolyamat: Az "interactive editor → copy as prompt → paste back to agent" minta hasznos lehet saját workflow-inkban