VS Code로 만들기

VS Code는 Nodaro MCP 서버를 통해 에이전트 모드에서 Nodaro 워크플로를 구축해 줄 수 있습니다. 단계를 평범한 말로 설명하세요. 에이전트가 그 단계를 내 Nodaro 캔버스에 연결된 노드로 저장하고 실행합니다. 이 페이지는 실제 요청 하나를 따라갑니다. 제품 설명을 제품 사진과 8초 동영상 광고로 바꾸는 워크플로입니다.

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

요청

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

에이전트가 구축한 워크플로

에이전트는 노드 3개와 연결 2개로 create_workflow를 한 번 호출했습니다.

• 제품은 제품 설명이 담긴 텍스트 노드입니다. 설명은 Product photo of a brass desk lamp with a pleated linen shade on a walnut desk(호두나무 책상 위, 주름진 리넨 갓을 씌운 황동 탁상 램프의 제품 사진)입니다.
• 제품 사진은 뒤 텍스트로 모든 설명에 같은 스타일을 더합니다. 더하는 텍스트는 soft evening window light, shallow depth of field, clean minimal styling, premium e-commerce photography, no text, no logos(부드러운 저녁 창가 빛, 얕은 피사계 심도, 깔끔하고 미니멀한 스타일링, 프리미엄 이커머스 사진, 텍스트 없음, 로고 없음)입니다.
• 동영상 광고는 사진에서 시작하며, 천천히 다가가는 돌리 인, 조용한 저녁 방, 잔잔한 피아노 음악을 요청합니다.

스타일이 노드 안에 있으므로 설명은 짧게 유지됩니다. 제품 텍스트를 바꾸면 다음 실행에서 같은 스타일로 다른 제품을 만듭니다.

실행

그다음 에이전트가 run_workflow를 호출했습니다. Nodaro가 노드를 순서대로 실행했고, 각 노드는 결과를 다음 노드에 전달했습니다.

워크플로 구축에는 비용이 들지 않았습니다. 결과를 만든 두 노드에만 크레딧이 들었습니다.

다른 제품으로 다시 실행

워크플로가 저장되어 있으므로 다음 제품은 호출 한 번이면 됩니다. 에이전트에게 요청하거나, 제품 노드에 넣을 새 텍스트와 함께 run_workflow를 호출하세요.

{
  "workflow_id": "<your workflow id>",
  "inputs": {
    "product": "Product photo of a walnut cutting board on a marble counter"
  }
}

inputs의 키는 노드의 ID이며, 값은 그 실행에서 노드의 텍스트를 대체합니다. 내 코드에서도 Nodaro API로 같은 워크플로를 실행할 수 있으므로, 아무도 편집기를 열지 않고도 새 제품 페이지에 사진과 동영상 광고를 만들 수 있습니다.

캔버스에서 열기

MCP로 만든 모든 워크플로는 내 Nodaro 프로젝트 중 mcp라는 프로젝트에 저장됩니다. 그곳에서 워크플로를 열면 노드 3개, 그 연결, 실행 결과를 볼 수 있습니다. 모델을 바꾸거나, 프롬프트를 편집하거나, 노드를 추가하면, 에이전트가 다음에 워크플로를 읽을 때 내 변경 사항을 봅니다. 프로젝트 및 워크플로에 워크플로를 읽고 바꾸는 도구가 나와 있습니다.

VS Code 연결

1. VS Code 연결에서 VS Code에 설치 링크를 여세요. VS Code가 Nodaro가 입력된 상태로 열립니다.
2. 설치를 확인하고, 서버를 시작한 다음 Nodaro 계정으로 로그인하세요.
3. 채팅을 에이전트 모드로 전환하고 원하는 워크플로를 설명하세요.

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