The Unreasonable Effectiveness of HTML
ในปัจจุบัน Markdown กลายเป็นมาตรฐานหลักที่ Agents ใช้สื่อสารกับเราเพราะความเรียบง่าย แต่เมื่อการทำงานซับซ้อนขึ้น Markdown เริ่มมีข้อจำกัด โดยเฉพาะเมื่อเอกสารมีความยาวเกิน 100 บรรทัด บทความนี้จึงนำเสนอว่า HTML คือ Output format ที่ทรงพลังกว่าอย่างเหลือเชื่อเมื่อใช้ร่วมกับ Claude Code
ข้อจำกัดของ Markdown vs. จุดแข็งของ HTML
- Visual Clarity: Markdown มักจะใช้ ASCII diagrams ซึ่งอ่านยากและขาดสีสัน ในขณะที่ HTML สามารถสร้าง Rich visualization ได้ผ่าน SVG, CSS และการจัดโครงสร้างแบบ Responsive ที่ทำให้นำข้อมูลมานำเสนอได้ในรูปแบบ Tables หรือ Tabs ช่วยให้การอ่านข้อมูลหนาแน่น (High Information Density) เป็นเรื่องง่าย
- Standard Renderer: เราไม่ต้องใช้เครื่องมือพิเศษในการอ่าน เพราะ Browser คือมาตรฐานในการ Render ที่ดีที่สุด สามารถแชร์เป็นลิงก์หรือเปิดดูแบบ Local ได้ทันที
- Two-way Interaction: HTML ไม่ใช่แค่เอกสารไว้อ่าน แต่สามารถสร้าง Interaction ได้ เช่น การใส่ Sliders หรือปุ่มเพื่อปรับค่าต่างๆ ใน UI แล้วค่อย Export ผลลัพธ์กลับมาเป็น JSON หรือ Prompt เพื่อส่งต่อให้ Claude
Claude Code และการจัดการ Context
สิ่งที่ทำให้การสร้าง HTML ผ่าน Claude Code เหนือกว่าการใช้ Claude บนเว็บ คือความสามารถในการดึง Context จาก Codebase ได้โดยตรง เช่น:
- การสั่งให้ Claude อ่านไฟล์ทั้งหมดในโปรเจกต์เพื่อสร้าง Single HTML file ที่สรุป Design System
- การทำ Code Review หรือสร้าง Explainer page สำหรับระบบที่ซับซ้อน เช่น Rate limiter โดยให้แสดง Diagram ของ Token-bucket flow ควบคู่กับ Code snippets ที่มีการใส่ Annotation
Use Cases ที่น่าสนใจ
- Specs & Planning: สร้าง Mockups หลายๆ แบบในหน้าเดียวเพื่อเปรียบเทียบ Trade-offs
- Code Understanding: สร้าง Artifact ที่ช่วยอธิบาย Logic ยากๆ หรือแสดง Visual diff ของ Pull Request (PR)
- Custom Internal Tools: สร้าง Throwaway editor สำหรับงานเฉพาะกิจ เช่น หน้าจอสำหรับจัดลำดับ Tickets แบบ Drag-and-drop แล้วกด Copy ผลลัพธ์ออกมาเป็น Markdown