全テンプレート

FinQuest アプリ: MCP デモ 背景情報からコードへ

Horea Porutiu

86 views
2 uses
0 likes

報告

🚀 ハッカソン クイックスタート: finQuest 子供銀行アプリ

(こちらのビデオガイドをご覧ください)。

このプロトタイプを5分未満で実用的な Node.js アプリに変えましょう。

ステップ 1: MCP 環境のセットアップ

コードを始める前に、AI IDE(Cursor、Windsurf、または MCP サポート付きの VS Code など)でMiro MCP サーバーが設定されていることを確認してください。

Miro MCP 初期設定ガイドはこちら

ステップ 2: ボード ID の取得

  1. 「テンプレートを使用」をクリックして、自分用の finQuest ボードのコピーを作成します。

  2. 新しいボードの URL を確認します。

  3. ボード ID(/app/board/ の後に続く長い文字列)をコピーします。

ステップ 3: 「マジック」プロンプト

以下のプロンプトを AI コーディングツールにコピー&ペーストします。お忘れなく、ボード ID を入れ替えましょう!

サンプル プロンプト:

「このボード上の finQuest プロトタイプを基に、ローカルで実行できる Node.js アプリを作成してください: https://miro.com/app/board/[PASTE_YOUR_BOARD_ID_HERE]/ 」

このハッカソンではスピードが命です!`code_create_from_board`ツールを使用して、UIがプロトタイプと完全に一致することを確認しましょう。残高追跡とお手伝いのためのバックエンドロジックを構築してください。

Horea Porutiu

Developer Advocate @ Miro

Tennis, tech, nature!


カテゴリー

類似テンプレート