Answer me with HTML: Yapay Zeka Karmaşık Soruları Okunabilir Tek Sayfaya Çeviriyor
Yazar: KOZBA
İçindekiler
Yapay zekâya "TCP üçlü el sıkışmasını anlat" gibi biraz karmaşık bir soru sorduğunuzda genelde ekranı dolduran uzun bir metin döner. Yarısına geldiğinizde konunun neresinde olduğunuzu kaybedersiniz. Answer me with HTML, tam bu sorunu farklı bir yaklaşımla çözüyor: cevabı bir metin duvarı yerine tek bir okunabilir web sayfasına dönüştürüyor.
Answer me with HTML Nedir?
Answer me with HTML, kod ajanları için yazılmış bir beceri (agent skill). Kurduğunuzda soruları her zamanki gibi soruyorsunuz; ajan cevabı tek sayfalık, içine zamanlama diyagramı, karşılaştırma tablosu veya zaman çizelgesinin otomatik yerleştirildiği bir HTML sayfası olarak üretiyor. MIT lisansıyla yayınlanan proje, JavaScript ile yazılmış ve GitHub'da 1.624 yıldıza ulaşmış.
Neden Düz Metin Yerine Tek Sayfa?
Modeller artık makul HTML yazabiliyor; sorun kalitede değil, maliyette. Modelden doğrudan HTML istediğinizde her CSS satırını, her sarmalayıcı div'i ve her SVG koordinatını tek tek yazması gerekir — ve beklediğiniz şey zaten bu çıktı token'larıdır. Bu beceride model yalnızca içeriği kısa bir Markdown taslağı olarak yazıyor; düzen, tema ve grafik koordinatları beceriyle gelen CLI aracına bırakılıyor. Sonuç yaklaşık 50 milisaniyede hazır bir sayfa oluyor.
Ölçülen Kazanç: Token, Süre ve Maliyet
Projenin paylaştığı karşılaştırmada aynı sorular, aynı modelle (Claude Sonnet 5.5, 3 konu × 3 tekrar, medyan) iki farklı yöntemle üretilmiş:
- Çıktı token'ı: 5.341 → 870 (6,1 kat daha az)
- Üretim süresi: 33 saniye → 12 saniye (2,8 kat daha hızlı)
- Cevap başı maliyet: 0,092 dolar → 0,067 dolar (yaklaşık %27 daha ucuz)
Geliştirici, maliyet avantajının kurulumun yüklediği bağlama bağlı olduğunu da açıkça belirtiyor: çok ağır bir ortamda (yaklaşık 51.000 token araç, kural ve beceri) fazladan iki tur, kazanılan token'dan daha pahalıya gelebiliyor ve beceri yaklaşık %20 daha maliyetli ölçülebiliyor. Açıklayıcı video üretiminde fark daha da büyük: elle 27.839 token ve 202 saniyeye karşılık becerinin video modu 1.566 token ve 17 saniye.
Nasıl Çalışıyor?
Akış oldukça yalın: ajan kısa bir Markdown taslağı yazıyor, bunu beceriyle gelen komut satırı aracına veriyor, araç da temayı ve düzeni uygulayıp sayfayı üretiyor. "Redis mi Memcached mi?" gibi bir soruda işaretli çapraz bir karşılaştırma tablosu çıkarıp sonuca bağlıyor; tek cümleyle yanıtlanacak bir soruda ise gereksiz yere sayfa üretmiyor. Hazır üç tema (teknik çizim, kart ve uzun okuma) ve açık/koyu mod desteği var.
Hangi Ajanlarla Uyumlu?
Beceri Claude Code, Codex, Cursor, OpenCode ve Pi ile çalışıyor. Kurulum için Node.js 20 veya üzeri gerekiyor, ayrıca bir npm kurulum adımı yok. Claude Code içinde eklenti pazar yerinden ya da genel olarak npx skills add QingYunA/answer-me-with-html komutuyla kuruluyor. Birden fazla ajanı destekleyen beceri yükleyicisi 70'ten fazla aracı tanıyor.
Sonuç
Answer me with HTML, yapay zekâ çıktısını okunabilirliğe çeviren sade ama iyi ölçülmüş bir fikir. Modelin pahalı ve yavaş kısmını (HTML'i elle yazmak) ortadan kaldırıp işi hazır bir render aracına devretmesi, hem token hem süre tarafında somut kazanç sağlıyor. Sık sık teknik konu açıklatıyor ya da karşılaştırma istiyorsanız denemeye değer.