Alle Vorlagen

FinQuest App: Vom Kontext zum Code in der MCP Demo

Horea Porutiu

89 views
2 uses
0 likes

Melden

🚀 Hackathon-Schnellstart: finQuest Kids Banking App

(Siehe Videoguide hier).

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

Schritt 1: Einrichtung deiner MCP-Umgebung

Bevor du mit dem Programmieren beginnst, stelle sicher, dass du den Miro MCP Server in deiner AI-IDE (wie Cursor, Windsurf oder VS Code mit MCP-Unterstützung) konfiguriert hast.

Hol dir hier die Miro MCP-Anleitung

Schritt 2: Deine Board-ID erhalten

  1. Klicke auf „Template verwenden“, um deine eigene Kopie des finQuest Boards zu erstellen.

  2. Schaue dir die URL deines neuen Boards an.

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

Schritt 3: Der „Magic“ Prompt

Kopiere den untenstehenden Prompt in dein AI-Coding-Tool. Vergiss nicht, deine Board-ID einzufügen!

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/[DEINE_BOARD_ID_HIER_EINFÜGEN]/“

Geschwindigkeit ist alles bei diesem Hackathon! Verwende das `code_create_from_board`-Tool, um sicherzustellen, dass die Benutzeroberfläche genau mit dem Prototyp übereinstimmt. Baue die Backend-Logik für die Verfolgung des Kontostands und der Aufgaben.

Horea Porutiu

Developer Advocate @ Miro

Tennis, tech, nature!


Kategorien

Ähnliche Vorlagen