tldraw/tldraw

tldraw とは？

このスキルは、`tldraw/tldraw` をベースにしたキャンバスベースのホワイトボードツールです。主な機能は、ビジョンエージェント（Vision Agent）のループバックスクリプトと連携し、エージェントが描画した内容をリアルタイムで画像解析し、その結果をもとにワイヤーフレームや図を動的に生成・更新できる点にあります。これにより、開発者は手動での設計修正を最小限に抑え、AIエージェントとの対話的なプロトタイピングが可能になります。対応プラットフォームは主にClaude CodeやCodexなどのAIエージェント環境で、スキルは標準的なMarkdown形式で記述されており、エージェントの実行フローに組み込んで使用します。仕組みとしては、エージェントがキャンバス上に図形を描画し、そのスクリーンショットをVision APIで解析、解析結果を元に次のアクション（図形の追加・修正）をループ実行することで、逐次的に洗練されたワイヤーフレームを生成します。このスキルは、UIデザインの初期段階やアイデアの可視化において、人間とAIの協調作業を効率化するために設計されています。