모든 템플릿

FinQuest 앱: MCP 데모 컨텍스트에서 코드로 전환

Horea Porutiu

187 보기
2 사용
0 좋아요

보고하기

🚀 해커톤 빠른 시작: finQuest Kids 뱅킹 앱

(비디오 가이드를 여기에서 확인하세요).

이 프로토타입을 5분 이내에 기능적인 Node.js 앱으로 전환하세요.

1단계: MCP 환경 설정하기

코딩 전에, AI IDE(Cursor, Windsurf, 또는 MCP 지원을 갖춘 VS Code)에서 Miro MCP 서버가 구성되어 있는지 확인하세요.

Miro MCP 설정 가이드 받기

2단계: 보드 ID 받기

  1. "템플릿 사용"을 클릭하여 finQuest 보드의 복사본을 만드세요.

  2. 새로운 보드의 URL을 확인하세요.

  3. /app/board/ 뒤의 길고 복잡한 문자열을 복사하여 보드 ID로 사용하세요.

3단계: "매직" 프롬프트

아래 프롬프트를 AI 코딩 툴에 복사, 붙여넣기 하세요. 보드 ID를 꼭 바꿔 넣으세요!

샘플 프롬프트:

"이 보드의 finQuest 프로토타입을 기반으로 로컬에서 실행할 수 있는 Node.js 앱을 만드세요: https://miro.com/app/board/[PASTE_YOUR_BOARD_ID_HERE]/

이번 해커톤에서는 속도가 중요합니다! `code_create_from_board` 툴을 사용해 UI가 프로토타입과 정확히 일치하도록 하세요. 잔액 트래킹과 심부름을 위한 백엔드 로직을 구축하세요."

Horea Porutiu

Developer Advocate @ Miro

Tennis, tech, nature!


카테고리

유사한 템플릿