Alle Vorlagen

FinQuest App: MCP Demo - Vom Kontext zum Code

Horea Porutiu

0 Ansichten
0 Verwendungen
0 positive Bewertungen

Melden

🚀 Hackathon Schnellstart: finQuest Kids Banking App

(Video-Anleitung hier ansehen).

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

Schritt 1: Einrichtung deiner MCP-Umgebung

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

Hier erhalten Sie die Miro MCP Setup-Anleitung

Schritt 2: Board-ID erhalten

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

  2. Schau dir die URL deines neuen Boards an.

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

Schritt 3: Der „Magische“ Prompt

Kopiere und füge den nachstehenden Prompt in dein AI-Coding-Tool ein. 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/[PASTE_YOUR_BOARD_ID_HERE]/“

Bei diesem Hackathon zählt Geschwindigkeit! 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 des Kontostands und der Aufgaben."

Horea Porutiu

Developer Advocate @ Miro

Tennis, tech, nature!


Kategorien

Ähnliche Vorlagen

6 positive Bewertungen
9 Verwendungen
2 positive Bewertungen
5 Verwendungen