全テンプレート

FinQuest アプリ: MCP デモ コンテキストをコードへ反映

Horea Porutiu

187 件の閲覧
2 回使用
0 件のいいね

報告

🚀 ハッカソン クイックスタート: 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 を忘れずに差し替えてください!

サンプル プロンプト:

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

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

Horea Porutiu

Developer Advocate @ Miro

Tennis, tech, nature!


カテゴリー

類似テンプレート