Cursor로 만들기

Cursor는 Nodaro MCP 서버를 통해, 웹사이트를 만드는 동안 필요한 이미지를 만들 수 있습니다. 채팅에서 요청하면 Cursor의 에이전트가 Nodaro의 이미지 모델을 실행하고 각 이미지의 주소를 받아 옵니다. 이 페이지는 실제 요청 하나를 따라갑니다. 하이킹 앱 랜딩 페이지에 쓸 히어로 이미지 한 장과 기능 소개 이미지 3장입니다.

Cursor를 먼저 연결하려면 Cursor 연결을 따르세요. 링크 하나와 Nodaro 계정 로그인이면 됩니다.

요청

이 예시는 Cursor가 연결하는 것과 같은 Nodaro MCP 서버를 통해 Claude Code에서 실행했습니다. Cursor는 같은 모델, 설정, 가격으로 같은 도구를 호출합니다.

두 번 만에 완성된 히어로 이미지

첫 번째 히어로 이미지는 언뜻 보기에는 좋았지만, 모델이 room for a headline on the left(왼쪽에 헤드라인을 넣을 공간)를 너무 글자 그대로 받아들였습니다. 모델은 왼쪽 3분의 1을 별도의 하늘 패널로 잘라 냈고, 그림의 3분의 1 지점에 딱딱한 세로 경계가 생겼습니다.

두 번째 요청은 문제를 정확히 짚었습니다. 하늘이 프레임 전체로 이어지고 하이커가 오른쪽 3분의 1에 있는 one continuous photograph(이어진 사진 한 장)를 요청했습니다.

히어로 이미지와 어울리는 기능 이미지

기능 이미지 3장은 완성된 히어로 이미지를 레퍼런스 이미지로 전달하고, the warm sunrise color grade of the reference image(레퍼런스 이미지의 따뜻한 일출 색 보정)에 맞춰 달라고 요청했습니다. 3장 모두 동시에 실행되었습니다.

Cursor가 실행한 것

히어로 이미지는 1376×768로, 기능 이미지는 1200×896으로 나왔습니다.

이미지를 프로젝트에 넣기

각 도구는 이미지의 웹 주소를 반환하며, 이미지는 내 Nodaro 라이브러리에도 저장됩니다. Cursor의 에이전트는 터미널로 파일을 내 프로젝트에 다운로드할 수 있습니다. 다음과 같은 요청 하나로 작업이 마무리됩니다.

다음 요청 아이디어

• “소셜 공유 이미지로 쓸 1:1 버전의 히어로 이미지를 만들어 주세요”
• “야간 테마용으로 어두운 버전의 히어로 이미지를 만들어 주세요”
• “히어로 이미지를 6초 배경 동영상으로 만들어 주세요”

이미지 생성에서 레퍼런스 이미지와 Nodaro의 모든 이미지 모델을 설명하고, 모델 선택에서 모델을 비교합니다.

Cursor 연결

1. Cursor 연결에서 Cursor에 추가 링크를 여세요. Cursor가 Nodaro가 입력된 상태로 설치 대화 상자를 엽니다.
2. 확인한 다음 브라우저에서 Nodaro 계정으로 로그인하세요.
3. 채팅에서 원하는 이미지를 요청하세요. 예: “Nodaro로 이 페이지의 히어로 이미지를 만들어 주세요.”

같은 도구가 Claude, ChatGPT, VS Code에서도 작동합니다.