All sections · 04 / 09

Tool calling

Explains tool use without a diagram: one panel walks through a real-looking function call so technical buyers see what the agent can do.

Source
src/components/sections/tool-calling.tsxInteractive · ships client JS
Built with
demo.toolCall
Where to edit
  • Prompt, tool name, arguments and result: demo.toolCall in site.config.ts
  • Section heading, copy and bullets: toolCalling in site.config.ts

Live preview

Rendered at full width, exactly as it appears on the home page. Copy grabs the whole tool-calling.tsx.

Tool call demo · list_deploys
User prompt

Show me what shipped to prod today, sorted by impact.

Tool calling

Show off what your agent actually does.

Visitors buying an AI agent need to understand the product in 8 seconds. Abstract marketing copy doesn't cut it. Show the tool call. Show the args. Show the result. AgentKit's tool-call visualizer does this for you with a typed, AI-SDK-native interface.

  • →Displays args, result, and call duration inline
  • →Animates automatically — or freeze-frames for screenshots
  • →Works with any AI SDK v7 tool call; no adapters to write
  • →Theme-aware — drops the same in bright / dark / blue