Tu código y tu equipo: materiales cálidos y mates.
Claude Code: el recinto de cristal naranja.
API de Anthropic: metal frío, al otro lado de la frontera.
Cada elemento principal tiene su color. El primer clic muestra, en ese color, los elementos y conceptos que dependen de él. El segundo clic, o un clic en cualquiera de ellos, abre la teoría y las preguntas.
Estudio / Repaso (arriba): en Repaso el panel es más ancho, cada concepto se resume en tres bloques (para qué sirve, cómo lo preguntan, trampas) y cada pregunta trae una pista para leerla sobre el mapa antes de responder.
💡 Curiosidades (a la izquierda): explicaciones con diagramas de cómo funcionan las cosas por dentro, por ejemplo cómo se forma el contexto de Claude Code.
🎮 Juegos (a la derecha): en ¿Dónde está el problema? lees una pregunta real y rodeas en el mapa el elemento del que trata. Los demás son práctica rápida con escenarios, por ejemplo decidir si algo va en CLAUDE.md, una rule, settings.json, un hook, una skill, un slash command, una tool o un MCP server, qué workflow pattern encaja, si hace falta un agente, si un error se reintenta, qué hay en el contexto en cada momento, en qué modo de Claude Code trabajar, con qué contexto seguir tras una pausa o un fallo, cómo garantizar el formato de la salida, si usar batch o la API síncrona, qué tool integrada usar (contrarreloj) o si unos few-shot examples arreglan el problema.
¿Quién decide? (arriba) ilumina los elementos principales: en violeta, los que dependen del modelo porque entran en su contexto; en verde, los que aplica de forma determinista tu código, Claude Code o la infraestructura.
El número junto a cada nombre: preguntas del banco en ese punto.
El interruptor Realista / Esquema (arriba a la derecha) cambia las maquetas por figuras planas con texto. La disposición y el funcionamiento son los mismos.
En Workflow y Arquitectura de agente, unos impulsos recorren cada patrón: en secuencia (chaining), por una sola rama (routing), en paralelo (parallelization), con los workers que decide el orchestrator o en bucle hasta pasar (evaluator-optimizer). Los subagents aparecen cuando el coordinator les asigna una tarea y desaparecen al devolver el resultado.
El anillo es el agentic loop: una vuelta es una llamada. La ida (petición, cobre) va de tu Python a la API y la vuelta (respuesta, pizarra) regresa hasta stop_reason, que decide: seguir (tool_use, pause_turn), salir (end_turn) o gestionar otro valor.
Arrastra para desplazarte · clic derecho o Ctrl/⌘ + arrastrar para girar · rueda, dos dedos o pellizco para el zoom · en táctil: un dedo desplaza y dos giran y hacen zoom · H vista general · M realista / esquema · Esc cerrar