Claude Codeのドキュメントには、トークン数を膨らませる過剰なReactコンポーネントが含まれています

Claude Codeのドキュメント向けにPDFおよびDashドキュメントセットツールを開発中の開発者が、公式ドキュメントファイルに重大なトークン非効率性を発見しました。
主な発見
分析の結果、llms.txtからリンクされている.mdファイルは実際にはMDXファイルであり、ドキュメント内容とともに大量のReactコンポーネントコードを含んでいることが判明しました。
ソースからの具体的な例:
- context-window.mdページには合計18,501トークンが含まれています
- その合計のうち、実際のドキュメント内容を表すのはわずか551トークンです
- 残りのトークンはアニメーションエンジン、フルスクリーントグルハンドラー、その他のReactコンポーネントで構成されています
- quickstart.mdページにはGDPR同意検出機能を備えたA/Bテストインフラストラクチャが含まれています
開発者はこれらのトークン数をAnthropic自身のAPIに対して検証し、測定値を確認しました。
この発見は、これらのファイルを処理するドキュメントツールを構築中に行われ、MDXファイルに埋め込まれたReactコンポーネントが、ドキュメント価値を追加することなくトークン数を劇的に増加させる方法を浮き彫りにしています。
📖 Read the full source: r/ClaudeAI
👀 See Also

Chromeスキル:AIプロンプトをワンクリックツールとして保存・再利用
GoogleのChromeスキル機能は、ユーザーがAIプロンプトを再利用可能なワークフローとして保存し、任意のウェブページでワンクリックで実行できるようにします。スキルは、ChromeのGeminiでスラッシュ(/)を入力するか、プラス記号(+)をクリックすることでアクセスできます。
CTOP: Claude Codeセッションを監視するターミナルUI、依存関係ゼロ
CTOP は依存関係ゼロの Node.js TUI で、実行中のすべての Claude Code および Codex セッションの CPU、メモリ、コンテキストウィンドウの飽和度、トークン内訳、コスト見積もりを表示します。

ESP32搭載モチボットを使った3Dプリント爪マスコット
開発者がClaude Codeのマスコットから着想を得た物理的な3D Clawdを製作。ESP32駆動のMochiボットに小型ディスプレイを搭載。ファイルとコードはMakerWorldとGitHubで公開中。

「考えるな」原則でReactコンポーネントをリファクタリングするClaude Codeのスキル
新しいClaude Codeスキルが、Steve Krugの原則に基づいてReactコンポーネントのユーザビリティを自動的にリファクタリングします。ハッピートークを削除し、主要なCTAを目立たせ、空/エラー状態を修正し、ラベルを短くします。