---
title: Get started
description: Set up your coding agent and render your first frame with vgpu.
---

# Get started



vgpu is designed to be used with coding agents. Give your agent access to version-matched docs, verified examples, and diagnostics, then choose where to render.

<Cards>
  <Card title="Agents" description="Start here. Run `npx vgpu`, install the vgpu skill, or connect through MCP." href="/docs/get-started/agents" className="col-span-2" />

  <Card title="Web" description="Render a shader to an interactive canvas with Next.js or Vite." href="/docs/get-started/web" />

  <Card title="Node.js" description="Render headlessly, save an image, or run GPU tests without a browser." href="/docs/get-started/node" />
</Cards>

## Next: the concepts

Once you can render on your platform, learn the ideas every vgpu program is built from.

<Cards>
  <Card title="Concepts" description="Context, effects, passes, frames, and render bundles — in reading order." href="/docs/concepts" />
</Cards>


---

For a semantic overview of all documentation, see [/sitemap.md](/sitemap.md)

For an index of all available documentation, see [/llms.txt](/llms.txt)

For agent-facing discovery, including API and MCP surfaces, see [/agents.md](/agents.md)