---
title: "A node graph links agents, sandboxes and MCP"
description: "A 30-second motion graphics video introducing TanStack AI with a node graph linking agents, sandboxes and MCP."
canonical: "https://potto.ai/fa/videos/node-graph-links-agents-sandboxes-and-mcp"
language: "fa"
datePublished: "2026-09-26"
---

# A node graph links agents, sandboxes and MCP

A 30-second motion graphics video introducing TanStack AI with a node graph linking agents, sandboxes and MCP.

The video presents a node graph that links agents, sandboxes and MCP. It uses a code-based motion graphics workflow with canvas to create editable typography and vector-style graphics. The result is a fast, precise and polished launch film suitable for a keynote or social campaign.

- [معرفی](https://potto.ai/fa/videos/launch.md)
- توسط HowDevelop
- مدت و نسبت: 0:30 · 16:9
- ساخته‌شده با: Canvas
- منتشرشده در 26 سپتامبر 2026
- دیدن نسخه اصلی: https://x.com/HowDevelop/status/2103840883812733090

## پرامپت

```text
Create and render a 15-second motion graphics video introducing TanStack AI. Make it feel like a premium
  developer-tool launch film produced by Studio1: fast, precise, visually surprising, and polished enough to open a
  keynote or lead a social campaign.

  Use the TanStack AI feature details below as the source of truth. Studio1 is presenting the film; do not imply
  Studio1 built TanStack AI.

  Format and deliverables
  - 1920×1080, 30 fps, exactly 15 seconds; keep important content within a 9:16-safe central area.
  - Deliver the rendered MP4 and the editable project/source. Use Remotion or another code-based motion graphics
  workflow if available.
  - Use real, editable typography and vector-style graphics. Do not rely on AI-generated text inside images.
  - Add an original electronic sound design: a restrained opening pulse, tightly synchronized transition hits, rising
  momentum, and a satisfying final resolve. The story must also work muted.

  Visual direction
  Dark graphite canvas; luminous gradients and controlled flashes inspired by TanStack’s identity. Crisp typography,
  kinetic code, layered interface fragments, streaming data, branching paths, and smooth camera moves with convincing
  depth. High contrast and immaculate spacing. Every transition should visually demonstrate a feature, rather than
  simply replace one title card with another. Keep all on-screen wording brief and legible. Avoid generic stock
  footage, spinning logos, fake dashboards, excessive glitch effects, and tiny code nobody can read.

  Exact 15-second sequence
  - 0:00–0:02 — Hook: A single prompt cursor blinks. It sends one signal that expands into a network of
  possibilities. On-screen: “What can one AI API become?”
  - 0:02–0:04 — Core and providers: The signal resolves into chat(); provider nodes connect and swap rapidly without
  breaking the central flow. On-screen: “chat() · 24 providers”
  - 0:04–0:06.5 — Multimodal: One continuous stream transforms into text, waveform, image frame, and video timeline.
  On-screen: “One pattern. Every modality.”
  - 0:06.5–0:09 — Agents and tools: The stream branches into sandboxed agent runs, then reaches external tools
  through MCP. Show distinct runs progressing in parallel. On-screen: “Agents · Sandboxes · MCP”
  - 0:09–0:11.5 — Reliability: An interrupted stream freezes, reconnects, and resumes from the same point; a clean
  type-check confirmation snaps into place. On-screen: “Persistent. Durable. Type-safe.”
  - 0:11.5–0:15 — Reveal: All paths converge into a bold final composition: “TanStack AI” followed by “Build what’s
  next.” Add a small “A Studio1 film” credit, visually subordinate to TanStack AI. Hold the final frame long enough
  to read it.

  Accuracy guardrails
  The supplied article says TanStack AI is in the release candidate phase, supports 24 providers, uses AG-UI, and
  offers composable chat(), media generation, sandbox and agent-harness primitives, MCP, type safety, persistence,
  and resumable streams. Do not call it a stable v1 release. Do not present planned orchestration features as already
  shipped.

  Make the video, inspect the rendered result, and fix any clipped text, weak transitions, mistimed beats, or
  unreadable frames before delivering it. The goal is a memorable showreel, not a slideshow of feature bullets.
```

## سؤالات متداول A node graph links agents, sandboxes and MCP

A node graph links agents, sandboxes and MCP چگونه ساخته شد، پرامپت آن چه می‌گوید، و چگونه با Potto ویدیوی معرفی مشابه بسازید.

### A node graph links agents, sandboxes and MCP چیست؟

A node graph links agents, sandboxes and MCP یک ویدیوی موشن گرافیک در دسته معرفی از HowDevelop است. A 30-second motion graphics video introducing TanStack AI with a node graph linking agents, sandboxes and MCP.

### A node graph links agents, sandboxes and MCP چطور ساخته شده؟

A node graph links agents, sandboxes and MCP با Canvas ساخته شده است. بخشی از مجموعه معرفی ویدیوهای موشن گرافیک با هوش مصنوعی در Potto است.

### پرامپت A node graph links agents, sandboxes and MCP در دسترس است؟

بله. پرامپت کامل پشت A node graph links agents, sandboxes and MCP در همین صفحه است. آن را کپی کنید، یا روی استفاده از این پرامپت بزنید تا در فضای کار Potto باز شود.

### A node graph links agents, sandboxes and MCP چقدر است و نسبت تصویر آن چیست؟

A node graph links agents, sandboxes and MCP به مدت 0:30 در قاب 16:9 است.

### می‌توانم با Potto ویدیوی معرفی شبیه A node graph links agents, sandboxes and MCP بسازم؟

بله. روی استفاده از این پرامپت بزنید تا پرامپت پشت A node graph links agents, sandboxes and MCP در فضای کار Potto بارگذاری شود. Potto نسخه خودش را رندر می‌کند و پیش از خروجی می‌توانید متن و سبک را عوض کنید.

### نسخه اصلی A node graph links agents, sandboxes and MCP را کجا ببینم؟

A node graph links agents, sandboxes and MCP را نخست سازنده‌اش منتشر کرد. روی دیدن نسخه اصلی کلیک کنید تا آن پست در زبانهٔ جدید باز شود.

### ویدیوهای معرفی بیشتر، شبیه A node graph links agents, sandboxes and MCP، را کجا پیدا کنم؟

مجموعه معرفی را در Potto ببینید: 348 ویدیو، هر کدام با پرامپت، مشخصات و منبع.