How Claude Works β€” Didactic Diagram
ayano.es Β· Design Ops & AI Training
Didactic Diagram Β· Claude & AI

How Claude Works

What does Claude do when you talk to it?

πŸ“¦ ExtensionsSkills Β· MCP Β· Plugins
β†’
πŸ—‚οΈ Your ProjectFiles + context
β†’
🧠 Context WindowWhat Claude "sees"
β†’
πŸ“„ Outputmd Β· html Β· json…

Key: Claude has no permanent memory. It only "sees" what's inside the context window for that conversation. If you don't tell it, it doesn't know.

1
Block 01 Β· Architecture

Claude Chat β€” The three parts

When you use Claude, there are three active zones at once: the extensions that expand its capabilities, your project with all your files, and the context window where Claude processes everything.

πŸ“₯

Extensions

Skills, MCP, Plugins and Marketplace. Optional modules that expand what Claude can do.

πŸ—‚οΈ

Your Project

The workspace. Your files, instructions and configuration (CLAUDE.md) live here.

🧠

Context Window

Claude's "workbench". Only processes what fits there (~200,000 tokens). If it fills up, it forgets the oldest.

πŸ“€

Output

The result. Can be text (md), document (html/pdf/docx) or structured data (json).

⬛

System prompt β€” Defined by Anthropic. Sets Claude's base limits.

⬛

User preferences β€” Your personal CLAUDE.md with your global rules.

⬛

Project config β€” Specific instructions for this particular project.

⬛

Files and content β€” The documents you've uploaded or that are in the project.

⬛

Generated output β€” The responses Claude has already given in this session.

2
Block 02 Β· Instructions

CLAUDE.md Hierarchy β€” Who's in charge?

The CLAUDE.md file tells Claude how to behave. There are 4 levels. The lower in the hierarchy, the more specific and with higher priority in context.

System
Level 1 β€” SYSTEM β€” Defined by Anthropic. You can't modify it. These are the base ethical and safety limits.
User
Level 2 β€” USER β€” Your personal CLAUDE.md. Your global preferences for tone, format and protocol.
Project
Level 3 β€” PROJECT β€” Specific instructions for this particular project. They take priority over user settings.
Folder
Level 4 β€” FOLDER β€” Instructions for a specific subfolder. The most specific level with highest local inference.

πŸ“Œ Easy rule: The lower on the ladder, the more authority in that specific context. The FOLDER level can override the USER for that specific folder.

3
Block 03 Β· Output

Output formats β€” How does Claude respond?

Claude can respond in three main format types. Choose the one that best suits your need.

FormatWhen to use itLevel
↑ md β€” Markdown Quick text with basic structure: bold, lists, headings. The most readable in chat. Basic
↑↑ html / pdf / docx Visual deliverables with design: tables, images, layout. Ideal for reports or training. Medium
↑ json β€” Data Structured data for another app or script to process automatically. Advanced
4
Block 04 Β· Automation

What is a Skill?

A Skill is a packaged process in a folder. You teach Claude to do a repetitive task once β€” and it executes it automatically whenever you need it.

πŸ’‘ Analogy: A Skill is like an app on your phone. You install it once and run it when you need it. You define what it does and how.

πŸ“ my-skill/
πŸ“„ SKILL.md ← the prompt with the instructions
πŸ“ references/
πŸ“„ Rf-doc.md ← reference documentation
πŸ“ scripts/
🐍 process-script.py ← optional support code
🏷️

name: β€” The skill name. Claude uses it to identify it.

πŸ“

description: β€” When and what it's used for. Claude reads it to know whether to activate it.

πŸ“‹

prompt: β€” The exact instructions Claude will follow when executing the process.

🧩

skill-creator skill

Creates new skills from scratch or improves existing ones.

πŸ€–

agent-builder skill

Designs autonomous agents that execute complex tasks in multiple steps.

πŸ”Œ

plugin-builder skill

Packages MCPs + Skills into an installable and reusable plugin.

5
Block 05 Β· Vocabulary

Glossary β€” 1 term, 1 line

Memory
Context Window

Claude's "workbench". Everything it can see in that conversation. Has a maximum size (~200k tokens).

Config
CLAUDE.md

Text file with instructions for Claude. Defines tone, rules, and protocol. Exists in 4 levels.

Connection
MCP

Model Context Protocol. The "universal plug" that connects Claude with APIs, databases and external services.

Automation
Skill

Process packaged in a folder. You define it once, Claude executes it whenever needed.

Extension
Plugin

Installable bundle combining MCPs + Skills. Adds capabilities to Claude without manual configuration.

Space
Project

The workspace where your files, instructions and settings live. Claude reads it in full before responding.

Claude is only as good as the information you provide.