FinQuest App: Demonstração do MCP - Do Contexto ao Código

🚀 Início Rápido para o Hackathon: Aplicativo Bancário Infantil finQuest

(Veja o guia em vídeo aqui).

Transforme este protótipo em um aplicativo funcional Node.js em menos de 5 minutos.

Passo 1: Configure seu Ambiente MCP

Antes de programar, certifique-se de que o Miro MCP Server esteja configurado no seu IDE de IA (como Cursor, Windsurf ou VS Code com suporte a MCP).

Obtenha o Guia de Configuração do Miro MCP aqui

Passo 2: Obtenha seu Board ID

1. Clique em "Usar modelo" para criar sua própria cópia do board finQuest.

2. Verifique a URL do seu novo board.

3. Copie o Board ID (a longa sequência de caracteres após /app/board/).

Passo 3: O "Prompt Mágico"

Copie e cole o prompt abaixo em sua ferramenta de codificação com IA. Não se esqueça de incluir seu Board ID!

Exemplo de Prompt:

"Crie um aplicativo Node.js funcional que eu possa executar localmente, com base no protótipo finQuest neste board: https://miro.com/app/board/[COLE_SEU_BOARD_ID_AQUI]/

A velocidade é tudo neste hackathon! Use a ferramenta `code_create_from_board` para garantir que a interface do usuário corresponda exatamente ao protótipo. Construa a lógica de backend para o rastreamento de saldo e tarefas."