모든 템플릿

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

Horea Porutiu

89 views
2 uses
0 likes

보고하기

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

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

이 프로토타입을 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!


카테고리

유사한 템플릿