Anthropic、LLM スライド生成ツール Claude Slides の中身を公開──固定 1920x1080 キャンバスの閉じた HTML サブセット DSL を採用
Claude Slides/Docs の内部は任意のコード実行ではなく、プロパティやタグが厳格に制限された閉じた HTML サブセットであり、LLM 出力の決定論的な描画と安定性を担保している。
リリース: 2026-10-03 · 読了 3 分記事の要約
1. 核心（What）
- Anthropicは2026年9月16日〜17日にClaude SlidesおよびClaude Docsをベータ公開し、チャット右側のエディタから指示だけで全ページを一括編集可能にした。
- 編集部が開発者向け実行環境から検証したところ、生成される中身は任意のHTML/CSSではなく、固定1920x1080キャンバスとインラインstyleのみの閉じたHTMLサブセット（DSL）であった。
- クラスセレクタ、<style>ブロック、em/rem/%単位、z-index、scriptタグなどは一切使用できず、build errorとして厳格にlintされる設計になっている。
- デザインの再現性を担保するため、<x-shape>や<x-icon>などの独自タグが用意され、配色やタイポグラフィもコントラスト比4.5:1以上の数値で厳しく規定されている。
2. 影響（Why）
- 決定論的な描画による信頼性確保: 自由なコード実行環境を取るChatGPT Canvasとは異なり、表現力をあえて制限することで、LLM出力の予測可能性とPDF/PPTX書き出し時の安定性を高めている。
- 国内 SaaS 事業者へのアーキテクチャ示唆: [国内 業務支援 SaaS 業種] のような企業が社内資料自動生成機能を自社プロダクトに組み込む際、自由なコード生成よりも今回のような閉じた DSL アプローチの方がハルシネーションやレイアウト崩れを防ぐ現実的な設計解になる。
3. 根拠・詳細（How）
- 厳格な CSS プロパティと単位の制限: backgroundやfont-sizeなどのプロパティリストが固定されており、値もpx数値レンジやキーワードなどに絞られ、marginやz-indexはエラー扱いとなる。
- 独自タグによるレイアウト制御: 自由なSVG図形ではなく<x-shape kind="rect|ellipse|...">や<x-icon>などの専用タグを使用し、文字をSVG内に置かず<p>を重ねる構成でデザインの再現性を担保している。
- アクセシビリティ基準の数値化: 本文の対背景コントラスト比を4.5:1以上、大きい文字を3:1以上と規定し、書体数も1デッキ最大4つまでに制限している。
4. 展望・課題（Next）
- UI 上での実動作の検証: 開発者向け環境でのファイル直接操作以外の、claude.aiのチャットUI上での実際の応答速度や日本語フォント描画品質の検証が必要。