All templates

How Claude Works — Architecture Diagram

One diagram covering Claude's full lifecycle from prompt to response — input assembly, reasoning pipeline (with extended thinking), response, tool-use loop (with MCP), and the training pipeline as background. Ready for blog explainers, internal talks, and interview prep.

Use this template

What you get

  • 5-layer visual pipeline: input, reasoning, response, agentic loop, training
  • Covers extended thinking, tool use, and MCP integration
  • Themed frames with distinct colors — delete or replace any block

What this template is for

This template visualizes the reasoning architecture behind Claude — from prompt input through the iterative reasoning loop to final output. It covers the core loop (think → act → observe), tool use integration, multi-agent orchestration patterns, and how context windows and system prompts shape responses. Use it to explain AI architecture to your team, design agentic workflows, or understand how modern LLMs process tasks.

When to use this template

  • Explain Claude's reasoning loop to engineering stakeholders who need to understand how the model processes requests.
  • Design an agentic workflow with tool-calling, showing which tools the model can invoke at each stage.
  • Map a multi-agent architecture where specialized sub-agents handle different domains of a complex task.
  • Create onboarding material for new AI engineers learning about LLM inference pipelines.

How to use it

  1. 1Start from the user prompt and trace the flow through the system prompt and context assembly stage.
  2. 2Map the reasoning loop: the model thinks, decides whether to call a tool, calls it, observes the result, and decides again.
  3. 3Add tool definitions — what tools are available, what parameters they accept, and what they return.
  4. 4Add safety and alignment layers: content filtering, constitutional AI checks, and refusal boundaries.
  5. 5Show the final output assembly: how the model synthesizes its reasoning and tool results into a response.

Quick example

Claude reasoning loop

User Prompt → Context Assembly → Think → Decide (Respond or Use Tool) → Tool Call → Observe Result → Think → Respond

How it compares to similar tools

Claude Architecture vs Traditional Software Architecture

Traditional architecture diagrams show static components and data flow. An AI architecture diagram must also show the reasoning loop — an iterative, non-deterministic process where the model may call tools multiple times before responding. The loop is the core difference.

Common mistakes to avoid

  • Treating the model as a single processing step

    Modern LLMs do not process input in one pass. They iterate — thinking, calling tools, observing results, and re-thinking. A single 'Model' box on an architecture diagram hides the most important part of how these systems work.

Frequently asked questions

Is this diagram specific to Claude or applicable to other LLMs?+

The core reasoning loop applies to most modern LLMs with tool-use capabilities — GPT-4, Gemini, and open-source models using similar architectures. Claude-specific details like Constitutional AI are noted, but the overall structure is general-purpose.

Start editing online

Open the template in CodePic, replace the sample nodes, and turn it into your own study board in a few minutes.

See examples: /templates/how-claude-works/examples

More templates you might like