# 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?

1. **Információsűrűség**: Táblázatok, SVG diagramok, CSS vizuális design, JavaScript interakció, canvas — minden, amit Markdown nem tud
2. **Olvashatóság**: Tab-ok, illusztrációk, linkek, vizuális struktúra, akár mobil-reszponzív layout
3. **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
4. **Interaktivitás**: Sliderek, draggable kártyák, "copy as JSON/prompt" export gombok
5. **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