VS Code で作る

VS Code は、Nodaro MCP サーバーを通じて、エージェントモードであなたの代わりに Nodaro のワークフローを構築できます。あなたは手順を普通の言葉で説明します。エージェントがその手順を、接続したノードとして Nodaro のキャンバスに保存し、実行します。このページでは、実際の依頼を 1 つたどります。商品の説明から、商品写真と 8 秒の動画広告を作るワークフローです。

まず VS Code を接続するには、VS Code を接続の手順に従います。必要なのは、インストールリンク 1 つと、Nodaro アカウントでのログインだけです。

依頼

この例は、VS Code が接続するのと同じ Nodaro MCP サーバーを通じて、Claude Code から実行しました。VS Code のエージェントも、同じモデル、設定、料金で同じツールを呼び出します。

エージェントが構築したワークフロー

エージェントは、3 つのノードと 2 つの接続を指定して、create_workflow を 1 回呼び出しました。

• 商品はテキストノードです。商品の説明として「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」です。意味は、窓から差す柔らかな夕方の光、浅い被写界深度、すっきりとしたミニマルなスタイリング、高級感のある EC 向けの商品写真、文字なし、ロゴなし、です。
• 動画広告は写真から始まり、ゆっくりとしたドリーイン、静かな夕方の部屋、柔らかなピアノの音楽を指定します。

スタイルはノードの中にあるので、説明は短いままで済みます。「商品」のテキストを変えると、次の実行では、同じスタイルで別の商品を作ります。

実行

続いて、エージェントは run_workflow を呼び出しました。Nodaro はノードを順番に実行し、各ノードは結果を次のノードに渡しました。

ワークフローの構築は無料でした。クレジットがかかったのは、結果を作った 2 つのノードだけです。

別の商品で再実行する

ワークフローは保存されているので、次の商品は 1 回の呼び出しで済みます。エージェントに頼むか、「商品」ノードの新しいテキストを付けて 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 を接続にある Install in VS Code（VS Code にインストール）リンクを開きます。VS Code が、Nodaro の情報が入力済みの状態で開きます。
2. インストールを確定し、サーバーを起動して、Nodaro アカウントでログインします。
3. チャットをエージェントモードに切り替え、作りたいワークフローを説明します。

同じツールは、Claude、ChatGPT、Cursor でも使えます。