MagicPathとは何ですか？
MagicPath は、人間と AI エージェントが同じキャンバス上で一緒に作業できる共有ワークスペースです。デザインやコードの作成・編集を、チームメンバーだけでなく、AI エージェントともリアルタイムで共同で進められます。これにより、繰り返しの作業や「デザイン ↔ コード」の手間な受け渡しがなくなり、創造的な作業に集中できます。
MagicPath 2.0 では、1 つのリクエストに対して複数の AI エージェントが同時に複数の画面やバリエーションを生成。あなたが寝ている間にエージェントが作業を進め、次回開くときには変更が反映されているという、常時稼働型のコラボレーションが実現されています。
MagicPathの特徴は何ですか？
- マルチプレイヤー＆マルチエージェント対応: 複数の人間と複数の AI エージェントがリアルタイムで同じデザインキャンバスを編集可能
- 外部エージェント統合: Claude Code、Codex、Cursor など、すでに使っている外部 AI エージェントを MagicPath に直接接続可能
- コードとの双方向連携: デザインを React コンポーネントとしてリポジトリにプッシュでき、逆に既存のコードもキャンバスに取り込んで視覚的に編集可能
- クラウド常時稼働: アプリを閉じていても、エージェントがターミナルやスマホから MagicPath にアクセスして作業を継続
- リアルプロトタイピング: キャンバス上のすべてのデザインは実行可能なコードとして動作し、インタラクティブなプロトタイプを即座に共有可能
- タスク管理統合: Linear や GitHub などのプロジェクト管理ツールと連携し、課題から直接デザインやコード生成を依頼可能
MagicPathの使用例は何ですか？
- チームで新機能の UI を設計中。1 つのアイデアから AI エージェントに複数のバリエーションを同時に作成させ、最適なものを選定
- 夜間にエージェントに「ログインバグの修正用 UI を作成」と指示。翌朝、完成したコンポーネントがキャンバスに追加されている
- Figma からの移行時に、既存のコンポーネントを MagicPath にインポートし、視覚的に調整してそのままコードベースにマージ
- クライアントレビュー前に、実際の動作するプロトタイプリンクを送付。見た目だけでなく、インタラクションも確認可能
- 開発者がターミナルから「MagicPath スキル」を使って、現在の課題（例: LIN-422）に基づき新しい課金ページを生成依頼
- デザイナーとエンジニアが同じキャンバス上で、コンポーネントの微調整をリアルタイムで共同作業
MagicPathの使い方は？
- MagicPath ウェブサイト（magicpath.ai）にアクセスし、デスクトップ環境でアプリを起動（macOS 版も利用可能）
- 新規プロジェクトを作成し、チームメンバーを招待して共同編集を開始
- 外部 AI エージェント（例: Cursor）で
npx skills add https://github.com/magicpathai/agent-skills --skill magicpathを実行してスキルを追加 - Linear や GitHub などのリポジトリやタスク管理ツールを MagicPath に接続
- キャンバス上でコンポーネントを編集後、「プッシュ」でコードベースに反映、または既存コードを「プル」して視覚的に編集
- 完成したデザインを URL で共有し、関係者にインタラクティブなプロトタイプを即座に確認してもらう
