🚀 ハッカソン クイックスタート: finQuest キッズ バンキング アプリ
(ビデオガイドはこちら)。
このプロトタイプを 5 分以内で機能する Node.js アプリに変換する。
ステップ 1: MCP 環境のセットアップ
コーディングの前に、AI IDE(Cursor、Windsurf、または MCP サポートのある VS Code など)で Miro MCP サーバー を設定していることを確認する。
こちらで 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がプロトタイプに完全に一致することを確認しましょう。残高追跡とお手伝いタスクのバックエンドロジックを構築します。