scryer
Scryer is a visual architecture tool for working with AI coding assistants. You draw C4 diagrams in a drag-and-drop editor — AI agents read, modify, and implement from the same model through MCP.
The core idea: natural language is a lossy way to tell an AI what to build. A visual model forces the kind of precision that prose can’t. You see the same architecture the agent sees — misalignment gets caught before code gets written.
How it works
Section titled “How it works”- Model your architecture — drag nodes onto the canvas, draw relationships, drill into detail
- Connect your AI tool — Claude Code, Codex, or any MCP-compatible agent
- The agent reads your model — it sees exactly what you see: systems, containers, components, data flows
- You iterate visually — the agent proposes changes, you see them on the canvas in real-time
- Implementation follows the model —
get_taskfeeds the agent one piece of work at a time, ordered by dependencies
The C4 hierarchy
Section titled “The C4 hierarchy”Scryer uses a C4-based hierarchy. Each level zooms in further:
| Level | What it represents |
|---|---|
| Person | Users and actors |
| System | Software systems |
| ↳ Container | Apps, services, data stores |
| ↳ Component | Logical modules |
| ↳ Operation | Functions & handlers |
| ↳ Process | Multi-step workflows |
| ↳ Model | Data structures |
Person and System are top-level. Select a system and click the expand button to see its containers. Expand a container to see its components. Components contain the code-level detail: operations (functions), processes (workflows), and models (data structures).
What you can do
Section titled “What you can do”- Drag-and-drop editor with multiple node shapes, auto-layout, and zoom controls
- Behavioral flows — model user journeys and data pipelines with branching
- Contracts — tell AI agents exactly how to implement each piece, with pass/fail tracking
- Status tracking — four statuses: Proposed Implemented Verified Vagrant
- Source mapping — link architecture nodes to files in your codebase
- Drift detection — Scryer watches your code and flags when the architecture model goes stale
- AI advisor — optional LLM review that flags structural issues in your diagrams
- Themes — customize every color in the app
Next steps
Section titled “Next steps”- Install scryer and create your first model
- Learn about the canvas and how to navigate your diagrams
- Set up AI tool integration with Claude Code or Codex