Aryanutkarsh/SeeCode

解決する課題

SeeCodeは、平易な文章による記述（仕様）を、高品質でアニメーション付きのインタラクティブな図に変換します。ユーザーはAIエージェントを介して表示したい内容を記述するだけで、アーキテクチャ、データフロー、プロセス図などを手動で描く手間を省くことができます。

動作の仕組み

ユーザーは、平易な文章で短い仕様をAIエージェント（Claude CodeやCursorなど）に提供します。SeeCodeはこの仕様を処理して、自己完結型のHTMLファイルを生成します。このファイルには、編集品質の図が含まれており、アニメーション表示、ホバーによる接続のトレースやクリックによる特定ノードへのフォーカスなどインタラクティブな操作、さまざまな形式へのエクスポートが可能です。

対象ユーザー

複雑なシステム、プロセス、物理的なオブジェクトを視覚的な表現で伝える必要があるが、手動で描きたくないエンジニア、アーキテクト、非エンジニア向けに設計されています。

主な特長

• 45以上の図タイプ: アーキテクチャ、シーケンス、ER/データモデル、フローチャート、状態遷移図、ガントチャート、サンキーダイアグラムなど、幅広いビジュアルに対応。
• 等角投影3D描画: 平易な記述（例: オフィスチェアやサーバーラック）から、等角投影オブジェクト、爆発ビュー、等角投影図面を作成可能。
• インタラクティブなHTML: ホバーによるトレースやクリックによる詳細パネルへのフォーカスをサポートする、単一ファイルのHTML図を生成。
• マルチフォーマットエクスポート: SVG、PNG、GIF、MP4としてエクスポートできます。
• エージェント統合: Claude Code、Cursor、CodexなどのAIエージェント向けのスキル/プラグインとして統合。