šāāļø Layer 1: User Layer
<div align="center">
Overview
š Home āŗ š§ Implementation āŗ šļø Architecture āŗ šāāļø Layer 1: User
ā Architecture āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā š Main Agent Layer ā
</div>šāāļø Layer 1: User Layer
Entry point for all interactions with the system.
Purpose
The User Layer is where all human interaction begins. It normalizes various input types before they reach the š Main Agent.
Components
| Component | Emoji | Description | Example |
|---|---|---|---|
| Natural Language | šāāļø | Free-form requests | "Fix the authentication bug" |
| Slash Commands | 𦓠| Structured invocations | /generate fr-FR |
| File References | š | Code/doc references | @src/auth.ts |
Diagram
%%{init: {'theme': 'base', 'themeVariables': {'lineColor': '#64748b'}}}%%
flowchart LR
classDef user fill:#6366f1,stroke:#4f46e5,stroke-width:2px,color:#ffffff
classDef main fill:#8b5cf6,stroke:#7c3aed,stroke-width:2px,color:#ffffff
subgraph UserLayer["šāāļø USER LAYER"]
NL["šāāļøš„ Natural Language<br>'Fix the bug'"]:::user
SC["𦓠/command args"]:::user
FR["š @file/path"]:::user
end
NL --> MA["š Main Agent"]:::main
SC --> MA
FR --> MA
classDef userBox fill:#e0e7ff,stroke:#6366f1,stroke-width:2px,color:#3730a3
UserLayer:::userBox
Key Behaviors
- All input normalized before reaching š Main Agent
- 𦓠Slash commands expand to full prompts
- File references inject content
Input Types
šāāļøš„ Natural Language
"Fix the authentication bug in the login module"
"Add dark mode support to the settings page"
"Refactor the payment service for better performance"
Free-form requests that Claude interprets and routes appropriately.
𦓠Slash Commands
/generate fr-FR # Single locale
/generate fr es de # Multiple locales
/review-pr 123 # Review PR
/deploy staging # Deploy to environment
Structured commands that expand to predefined prompts with $ARGUMENTS substitution.
š File References
@src/auth.ts # Reference specific file
@package.json # Reference config file
@docs/api.md # Reference documentation
File contents are injected into context for the š Main Agent.
Layer Position
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
ā šāāļø LAYER 1: USER LAYER āāāā YOU ARE HERE ā
ā Human input, 𦓠/commands, natural language ā
āāāāāāāāāāāāāāāāāāāāāāāāāāā¬āāāāāāāāāāāāāāāāāāāāāāāāāāāā
ā
ā¼
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
ā š LAYER 2: MAIN AGENT LAYER ā
ā Claude Code - orchestration, decision-making ā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
<div align="center">
ā Architecture āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā š Main Agent Layer ā
</div>