HTML is the new Markdown Anthropic Claude Codeチームの理論と実践

本スライドは、Anthropic Claude CodeチームのThariq Shihipar氏が提唱する「HTML is the new Markdown」理論に基づき、AIエージェント時代におけるHTMLアーティファクトの活用法を体系的に解説したプレゼンテーションです。

全体の構成と各章のポイントは以下の通りです。

まず第1のテーマでは、従来TextやMarkdownが抱えていた視覚的・構造的な限界を突破するHTMLアーティファクトの4つの能力レベルと9大ユースケースを整理しています。静的ドキュメントから視覚的表示物、双方向インタラクティブ、使い捨てツールへと至る4段階のモデルと、仕様書比較やコードレビュー、デザインシステム、障害レポートなどの具体例を解説しています。

第2のテーマでは、AIによる生成品質を高く維持するためのプロンプト設計と品質安定化テクニックを解説しています。CSSやJavaScriptを1ファイルに収める単一ファイル自己完結ルール、安易なグラデーションなどを排除してアイボリーやテラコッタ等のデザイントークンを指定する手法、そして操作結果をJSONやMarkdownに還元してAIに再投入するRound-Tripパターンを紹介しています。

第3のテーマでは、組織導入における課題と解決策を扱っています。トークン消費量の増加やGit diffのノイズ化といった制約に対し、html-artifactsやagent-html-skills、htmldockなどのツールによる解決策と、一次情報管理としてのMarkdown、人間向け検証・思考の作業台としてのHTMLという役割分担・ハイブリッド運用法を提案しています。

最後のテーマでは、プロンプトチューナーなどの実践的なツール事例や、実装前・中・後の各フェーズで未知の不確実性を洗い出し合意形成を図る「Know Your Unknowns」フレームワークの活用法をまとめています。

Transcript