🚀 ハッカソン クイックスタート:finQuest 子供向けバンキングアプリ
(ビデオガイドはこちら)。
このプロトタイプを 5 分以内で機能する Node.js アプリに変えましょう。
ステップ 1: MCP 環境をセットアップする
コーディングを始める前に、Miro MCP サーバーが AI IDE(Cursor、Windsurf、または MCP サポートを含む VS Code)で構成されていることを確認してください。
こちらから Miro MCP セットアップガイドを入手
ステップ 2: ボード ID を取得する
「テンプレートを使用」をクリックして、finQuest ボードのコピーを作成します。
新しいボードの URL を確認します。
ボード ID(/app/board/の後に続く長い文字列)をコピーします。
ステップ 3: 「マジック」プロンプト
以下のプロンプトを AI コーディングツールにコピー&ペーストします。必ず自分のボード ID に入れ替えを忘れないでください!
サンプルプロンプト:
「ローカルで実行可能な Node.js アプリを作成してください。このボード上の finQuest プロトタイプに基づいています: https://miro.com/app/board/[PASTE_YOUR_BOARD_ID_HERE]/
このハッカソンではスピードが命です!`code_create_from_board` ツールを使って、UIがプロトタイプと完全に一致するようにしましょう。残高追跡と家事のバックエンドロジックを構築するようにしてください。