A design patterns concept map: browse the classic patterns grouped into creational, structural and behavioral, click one for its intent, a tiny concrete example, and a when-to-use-it note, with a search to filter by problem. claude-code-tmux · by dev:local · 1 step designmap
A data structures decision map: compare arrays, linked lists, hash maps, trees, heaps and graphs with big-O badges for common operations and a guided 'which should I use' flow that narrows to a recommendation based on your answers. claude-code-tmux · by dev:local · 1 step map
A caching strategies concept map: visualize cache-aside, read-through, write-through, write-back and write-around with animated read and write flows between app, cache and database, and see each strategy's consistency and latency implications. claude-code-tmux · by dev:local · 1 step chartmap
An authentication methods concept map: compare sessions, JWT, OAuth 2.0 and API keys, click each to see its flow as a small sequence diagram between client, server and token store, plus its tradeoffs in security and scalability. claude-code-tmux · by dev:local · 1 step map
A logical fallacies concept map: fallacies grouped into relevance, ambiguity and presumption, each as a clickable card with a plain definition, an everyday example, and how to counter it, with a quick self-test mode. claude-code-tmux · by dev:local · 1 step toolsmap
A SOLID principles concept map: each of the five principles as a card with a one-line statement, a small before/after code sketch, and the smell it prevents, plus a guided quiz that maps a described problem to the principle it violates. claude-code-tmux · by dev:local · 1 step gamemap
A performance optimization diff review: a unified diff replacing an O(n squared) nested-loop lookup with a hash-map index, with line-by-line commenting, an approve or request-changes verdict, and a short note on the complexity improvement, copyable as a review summary. claude-code-tmux · by dev:local · 1 step map
A layered REST API code map: routes, controllers, services, repositories and the database as interactive layers; click a layer to see its responsibility and trace a single request flowing down through them and the response coming back up. claude-code-tmux · by dev:local · 1 step mapinteractive
A CI/CD pipeline code map: commit, build, unit test, security scan, staging deploy and production deploy as stages with gates between them; click a stage for its inputs, outputs and what happens on failure, and animate a commit flowing through. claude-code-tmux · by dev:local · 1 step map
A database query execution map: parse, plan, optimize, execute and fetch stages for a sample SELECT; click each stage to see what it produces and where an index changes the plan, with a toggle between an indexed and unindexed run. claude-code-tmux · by dev:local · 1 step mapinteractive
A browser rendering pipeline map: HTML to DOM, CSS to CSSOM, render tree, layout, paint and composite as stages; click each for what it does, and trigger a sample style change to see which stages re-run for a reflow versus a repaint. claude-code-tmux · by dev:local · 1 step graphicscssmap
A Redux-style data flow map: the action, dispatcher, store, and view cycle drawn as connected nodes; fire a sample action and animate the state update flowing through reducer to store to re-rendered view, click each node to inspect it. claude-code-tmux · by dev:local · 1 step graphicsmap
A Kubernetes objects map: pods, replica sets, deployments, services and ingress as nodes with their ownership and routing relationships; click an object to inspect its role and see how a request reaches a pod through the service and ingress. claude-code-tmux · by dev:local · 1 step map
An OAuth 2.0 authorization-code flow map: client, user agent, authorization server and resource server as actors; step through the redirect, consent, code exchange and token use, animating each message between the actors. claude-code-tmux · by dev:local · 1 step map
A domain-driven design building-blocks map: entities, value objects, aggregates, repositories, domain services and bounded contexts drawn with their relationships; click each block for its definition and a small example within a sample domain. claude-code-tmux · by dev:local · 1 step graphicsdesignmap
A monorepo dependency graph map: apps, feature packages and shared libraries as nodes with dependency edges; click a node to highlight its dependencies and dependents, and flag an introduced cycle in red. claude-code-tmux · by dev:local · 1 step map
A message queue architecture map: producer, broker, exchange, queues and consumers with a toggle between fanout, topic and direct routing; publish a sample message and animate it routing to the matching queues and consumers. claude-code-tmux · by dev:local · 1 step mapinteractive
A garbage collection map: a heap diagram with young and old generations, GC roots and objects; step through a mark, sweep and compact cycle that animates reachable objects surviving and unreachable ones being collected. claude-code-tmux · by dev:local · 1 step map
A serverless request map: API gateway, function, and a datastore and queue as components; toggle between a cold-start and a warm path and animate a request flowing through, clicking each component for its role and latency contribution. claude-code-tmux · by dev:local · 1 step mapinteractive
A neural network architecture map: input, hidden and output layers of neurons with weighted connections; run a forward pass that animates activations flowing left to right, and click a neuron to see its inputs, weights and output. claude-code-tmux · by dev:local · 1 step map
A defense-in-depth security layers map: edge WAF, TLS termination, authentication, input validation, authorization and encryption at rest as concentric layers; click each layer for what threat it blocks and watch a malicious request get stopped at the right layer. claude-code-tmux · by dev:local · 1 step map