Alle Vorlagen

FinQuest App: MCP Demo Vom Kontext zum Code

Horea Porutiu

191 Aufrufe
2 Verwendungen
0 positive Bewertungen

Melden

🚀 Hackathon Schnellstart: finQuest Kids Banking App

(Siehe Videoguide hier).

Verwandeln Sie diesen Prototyp in weniger als 5 Minuten in eine funktionierende Node.js-App.

Schritt 1: Richten Sie Ihre MCP-Umgebung ein

Stellen Sie vor dem Programmieren sicher, dass der Miro MCP-Server in Ihrer AI-IDE (wie Cursor, Windsurf oder VS Code mit MCP-Unterstützung) konfiguriert ist.

Hier erhalten Sie die Miro MCP-Einrichtungsanleitung

Schritt 2: Holen Sie sich Ihre Board-ID

  1. Klicken Sie auf „Template verwenden“, um Ihre eigene Kopie des finQuest-Boards zu erstellen.

  2. Schauen Sie sich die URL Ihres neuen Boards an.

  3. Kopieren Sie die Board-ID (die lange Zeichenfolge nach /app/board/).

Schritt 3: Der "Magische" Prompt

Kopieren und fügen Sie den folgenden Prompt in Ihr AI-Coding-Tool ein. Vergessen Sie nicht, Ihre Board-ID einzusetzen!

Beispiel-Prompt:

"Erstelle eine funktionierende Node.js-App, die ich lokal ausführen kann, basierend auf dem finQuest-Prototyp auf diesem Board: https://miro.com/app/board/[PASTE_YOUR_BOARD_ID_HERE]/"

In diesem Hackathon ist Geschwindigkeit alles! Verwende das Tool `code_create_from_board`, um sicherzustellen, dass die Benutzeroberfläche genau dem Prototyp entspricht. Baue die Backend-Logik für das Verfolgen von Kontoständen und Aufgaben."

Horea Porutiu

Developer Advocate @ Miro

Tennis, tech, nature!


Kategorien

Ähnliche Vorlagen