Tous les modèles

App finQuest : démo MCP - Du contexte au code

Horea Porutiu

0 Vues
0 utilisations
0 likes

Signaler

🚀 Démarrage rapide pour hackathon : App bancaire finQuest pour enfants

(Voir le guide vidéo ici).

Transformez ce prototype en une app Node.js fonctionnelle en moins de 5 minutes.

Étape 1 : Configurez votre environnement MCP

Avant de coder, assurez-vous d'avoir le Serveur Miro MCP configuré dans votre IDE IA (comme Cursor, Windsurf, ou VS Code avec support MCP).

Obtenez le guide de configuration du Miro MCP ici

Étape 2 : Obtenez votre ID de tableau

  1. Cliquez sur « Utiliser le modèle » pour créer votre propre copie du tableau finQuest.

  2. Regardez l'URL de votre nouveau tableau.

  3. Copiez l'ID de tableau (la longue chaîne de caractères après /app/board/).

Étape 3 : Le prompt « magique »

Copiez et collez le prompt ci-dessous dans votre outil de codage AI. N'oubliez pas de remplacer par votre ID de tableau !

Exemple de prompt :

"Créez une app Node.js fonctionnelle que je peux exécuter localement, basée sur le prototype finQuest sur ce tableau : https://miro.com/app/board/[PASTE_YOUR_BOARD_ID_HERE]/

La vitesse est primordiale pour ce hackathon ! Utilisez l'outil `code_create_from_board` pour garantir que l'interface utilisateur correspond exactement au prototype. Construisez la logique backend pour le suivi des soldes et des tâches ménagères."

Horea Porutiu

Developer Advocate @ Miro

Tennis, tech, nature!


Catégories

Modèles similaires