About · Diagrams

Diagram gallery

33 interactive page diagrams — hand-authored SVG maps of the workflows, platforms, models, and use cases behind matsiems.com.

ChatGPT Open page
OpenAI's general-purpose assistant.
ChatGPT — pairing pattern
Ideate · Brief · Ship with Claude Code
Hover or tap a node to see details.
Claude Open page
Anthropic's frontier model family.
Claude — three model tiers, one router
Match the task to the model
Hover or tap a node to see details.
Claude Code Open page
Agentic coding in your terminal.
Claude Code — agentic loop in your terminal
Plan · Build · Verify · Ship
Hover or tap a node to see details.
Claude Cowork Open page
Multi-agent cooperative work.
Cowork — four roles, one loop
Planner ↔ Builder ↔ Reviewer ↔ Deployer
Hover or tap a node to see details.
Codex Open page
OpenAI's coding agent.
Codex — terminal coding agent
Prompt · Edit · Verify · Commit
Hover or tap a node to see details.
Gemini Open page
Google's multimodal model family.
Gemini — multimodal in, anything out
Text · Image · Audio · Video — one model family
Hover or tap a node to see details.
Models Open page
Opus · Sonnet · Haiku · ChatGPT · OpenRouter.
Model routing — task tier picks the model
Match task to cheapest capable model
Hover or tap a node to see details.

Industries

Customer Support Open page
First-line agents that actually resolve tickets.
Customer Support — triage, resolve, escalate
Ticket in · 3 outcomes
Hover or tap a node to see details.
Education Open page
Personalised learning, instrumented teachers.
Education — adaptive learner loop
Diagnose · Adapt · Teach · Assess
Hover or tap a node to see details.
Financial Services Open page
Compliance-aware automation that survives audit.
Financial Services — controlled by design
Audit-grade by default
Hover or tap a node to see details.
Healthcare Open page
Clinician co-pilots, not replacements.
Healthcare — intake to triage to handoff
Always human-in-the-loop
Hover or tap a node to see details.
Non-Profits Open page
Punch above your weight with managed agents.
Non-Profits — donor & beneficiary loop
Outreach · Engage · Track · Report
Hover or tap a node to see details.
Startup Open page
Founder velocity — ship the product, not the org chart.
Startup — idea to first paying user
Validate fast, ship faster
Hover or tap a node to see details.
Videos Open page
Daily video at scale, without an editor on payroll.
Videos — at-scale production for creators
Brief · Script · Render · Publish
Hover or tap a node to see details.

Platforms

AIOS Open page
The agent operating system.
AIOS — the agent runtime, layered
Bottom up: agents → infra → humans
Hover or tap a node to see details.
APPAI Open page
Master control plane for the fleet.
APPAI — fleet cockpit loop
PBI · Build · Preview · Push · Deploy
Hover or tap a node to see details.
BOAI Open page
AI-first backoffice.
BOAI — multi-tenant backoffice spine
Org × five surfaces, two stores
Hover or tap a node to see details.
IMAGAI Open page
Image generation pipelines.
IMAGAI — multi-provider image pipeline
Prompt + brand → router → archive
Hover or tap a node to see details.
Scroller Open page
Infinite-scroll feed engine.
Scroller — JSON in, feed out
Normalise · Render · Export
Hover or tap a node to see details.
VIDAI Open page
Video generation + editing.
VIDAI — multi-provider video pipeline
Script → router → multi-channel publish
Hover or tap a node to see details.

Use Cases

AI Agents Open page
Self-driving software that does the work, not just the planning.
AI Agents — perceive, decide, act, observe
The agent loop
Hover or tap a node to see details.
Backoffices Open page
AI-first ops — personas, assets, billing, audit, deploys.
Backoffice — AI-first ops on one spine
Inbound · Agents · Stores · Audit
Hover or tap a node to see details.
Coding Open page
Ship 10x the software with the same team.
Coding with Claude Code — the production loop
PBI · plan · build · review · ship
Hover or tap a node to see details.
Media Generation Open page
Image, video, and audio at fleet scale.
Media generation — three modalities, one router
Shared brand guardrails per modality
Hover or tap a node to see details.
Security Open page
AI-assisted code review and threat modeling.
Security — AI-assisted scan and triage
Scan · Score · Triage · Fix · Verify
Hover or tap a node to see details.
Workflow Automation Open page
Recipes, agents, and daily rhythms that run themselves.
Workflow automation — the universal pattern
Trigger · Context · Action · Log
Hover or tap a node to see details.

Workflows

AAD — Audio A Day Open page
Daily TTS audio, transcribable + searchable.
AAD — audio a day, transcribed and searchable
Text in · TTS routed · transcript indexed
Hover or tap a node to see details.
Appadday Open page
One shipped app per day.
Appadday — idea to prod URL, same day
Idea · Scaffold · Wire · Ship
Hover or tap a node to see details.
BAD — Brief A Day Open page
Client-ready briefs from raw inputs in one POM.
BAD — brief a day, intake to proposal
Raw input → 4 agents → 5 artefacts
Hover or tap a node to see details.
IAD — Image A Day Open page
One illustrated image per day, on theme.
IAD — image a day, on brand
Topic in · Multi-provider out
Hover or tap a node to see details.
LAD — List A Day Open page
A fresh ranked top-100 list every day.
LAD — list a day, deduped against history
Pick · Research · Rank · Persist
Hover or tap a node to see details.
PAD — Page A Day Open page
365 daily context pages a year.
PAD — five streams, one page, every day
Aggregate · Render · Persist
Hover or tap a node to see details.
VAD — Video A Day Open page
Daily short-form video, on autopilot.
VAD — video a day, end to end
Topic → finished short → multi-channel
Hover or tap a node to see details.