모든 템플릿

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

Horea Porutiu

0 보기
0 사용
0 좋아요

보고하기

🚀 해커톤 빠른 시작: finQuest 어린이 은행 앱

(비디오 가이드를 여기를 보세요).

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

1단계: MCP 환경 설정

코딩하기 전에 AI IDE(예: Cursor, Windsurf, 또는 MCP 지원이 있는 VS Code)에 Miro MCP 서버가 설정되어 있는지 확인하세요.

여기에서 Miro MCP 설정 가이드 를 확인하세요

2단계: 보드 ID 얻기

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

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

  3. 보드 ID를 복사하세요 (/app/board/ 뒤에 나오는 긴 문자열).

3단계: "마법의" 프롬프트

아래 프롬프트를 AI 코딩 툴에 복사하고 붙여넣으세요. 보드 ID를 꼭 대체하세요!

샘플 프롬프트:

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

이 해커톤에서는 속도가 중요합니다! 프로토타입과 UI가 정확히 일치하도록 `code_create_from_board` 도구를 사용하세요. 잔액 추적과 집안일 관리를 위한 백엔드 로직을 구축하세요."

Horea Porutiu

Developer Advocate @ Miro

Tennis, tech, nature!


카테고리

유사한 템플릿