Todos os templates

Aplicativo FinQuest: Demonstração do MCP - Contexto para Código

Horea Porutiu

188 visualizações
2 usos
0 curtidas

Denunciar

🚀 Início Rápido do Hackathon: aplicativo bancário FinQuest Kids

(Veja o guia em vídeo aqui).

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

Passo 1: Configure seu Ambiente MCP

Antes de codificar, certifique-se de ter o Servidor MCP da Miro configurado em sua AI IDE (como Cursor, Windsurf ou VS Code com suporte ao MCP).

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

Passo 2: Obtenha o ID do seu board

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

  2. Olhe a URL do seu novo board.

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

Passo 3: O "Prompt Mágico"

Copie e cole o prompt abaixo na sua ferramenta de codificação AI. Não esqueça de substituir pelo seu ID do board!

Prompt de Exemplo:

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

A velocidade é tudo neste hackathon! Use a ferramenta `code_create_from_board` para garantir que a UI corresponda exatamente ao protótipo. Construa a lógica de back-end para acompanhamento de saldo e tarefas."

Horea Porutiu

Developer Advocate @ Miro

Tennis, tech, nature!


Categorias

Templates similares