すべてのテンプレート

FinQuest アプリ:MCP デモ コンテキストからコードへ

Horea Porutiu

0 表示
0 回使用
0 件のいいね

報告

🚀 ハッカソン クイックスタート:finQuest 子供向けバンキングアプリ

ビデオガイドはこちら)。

このプロトタイプを 5 分以内で機能する Node.js アプリに変えましょう。

ステップ 1: MCP 環境をセットアップする

コーディングを始める前に、Miro MCP サーバーが AI IDE(Cursor、Windsurf、または MCP サポートを含む VS Code)で構成されていることを確認してください。

こちらから 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!


カテゴリー

類似テンプレート