How an AI coding agent like Codex plans, writes and tests code inside a secure sandbox.
Free to start · Fully editable · Export to SVG, PNG, GIF & MP4
6 connected components you can rename, recolor, and extend with AI.
This diagram maps how a Codex-style AI coding agent works. A model from OpenAI drives an agent loop that plans a task, writes code, and runs it. The agent operates inside an isolated sandbox — typically a Docker container with a Python (and other) runtime — so it can execute and test changes safely. It pulls context from your GitHub repository, opens pull requests with its results, and surfaces work in your editor and shell.
Use it to explain how autonomous coding agents work, to design guardrails and sandboxing for an internal agent, or to compare agentic coding approaches. Everything is editable so you can match it to your own pipeline.
Codex refers to OpenAI’s code-generation models and the agents built on them. A Codex-style agent can plan a software task, write the code, run it and iterate — operating more autonomously than a chat assistant.
Running AI-generated code is risky, so agents execute inside an isolated sandbox — usually a Docker container with the needed runtimes. The sandbox lets the agent test and verify changes without touching your real machine.
It reads your GitHub repo for context, makes changes on a branch, runs tests in the sandbox, and opens a pull request with the result for you to review.
Yes. Rename nodes, add your own runtimes and guardrails, restyle it, and export to PNG, SVG, GIF or MP4.
A clear map of how large language models turn a prompt into an answer — and the models and hardware behind them
How Claude Code reads your repository, calls tools through MCP, and edits code from the terminal
Map how retrieval-augmented generation grounds an LLM in your data with a vector database
Visualize the reasoning loop, tools, and memory that let an AI agent plan and act
Chart every stage from raw data to a trained, validated machine learning model
See how a production LLM app wires frontend, orchestration, model APIs, and guardrails
Show how candidate generation, ranking, and filtering produce personalized recommendations
Trace the flow from training and CI/CD to deployment, monitoring, and retraining
Open the codex architecture in the Infogiph canvas, then edit, animate, and export.
Use this template