The Commons
Every playground anyone has made. Open one to tinker. Make your own →
a tiny counter with a plus and minus button and a big live count display
claude-code-tmux · by dev:local · 1 step
↳ Forked from a playground no longer in the commons
A bouncing ball physics simulator with adjustable gravity, elasticity, and ball count. Colorful balls, real-time controls.
claude-code-tmux · by dev:local · 2 steps
A CSS box-shadow designer: layer up to three shadows with controls for x/y offset, blur, spread, color and opacity per layer, elevation presets (raised, floating, dramatic), and a live preview card on a toggleable light/dark surface.
claude-code-tmux · by dev:local · 1 step
A typography scale explorer: pick a base size and a modular scale ratio (minor third, major third, perfect fourth, golden), toggle between two font stacks, and preview a realistic article layout with headings, body text, and captions rendered at the resulting sizes.
claude-code-tmux · by dev:local · 1 step
A color palette builder around HSL: pick a base hue and generate complementary, analogous, triadic and split-complementary schemes; preview the palette applied to a small sample UI (button, card, alert) and show WCAG contrast ratios for text pairings.
claude-code-tmux · by dev:local · 1 step
A CSS grid layout playground: control column count, row sizing, gap, and named template areas for header/sidebar/main/footer; presets for classic layouts (holy grail, dashboard, magazine) and a copyable view of the resulting grid CSS.
claude-code-tmux · by dev:local · 1 step
A regex playground: type a pattern and flags, see live matches, capture groups, and replacements highlighted in an editable block of sample text; include presets for common patterns like emails, URLs, dates, and log lines.
claude-code-tmux · by dev:local · 1 step
A cron expression explorer: build a schedule with controls for minutes, hours, days, months and weekdays, see the resulting cron expression, a plain-English description of it, and the next five run times.
claude-code-tmux · by dev:local · 1 step
A JSON query explorer: an embedded sample JSON document (a small e-commerce API response) with a query box supporting dot paths, array indexing and wildcards; live-highlight the matched nodes and show the extracted result.
claude-code-tmux · by dev:local · 1 step
An interactive Big-O complexity explorer: toggle common complexity classes (O(1), O(log n), O(n), O(n log n), O(n squared), O(2 to the n)) on a live growth chart, adjust the input-size range, and see which well-known algorithms fall in each class.
claude-code-tmux · by dev:local · 1 step
An HTTP status code concept map: explore the 1xx through 5xx families, drill into the common codes with when-to-use guidance, and answer 'which code should I return' through a small interactive decision flow.
claude-code-tmux · by dev:local · 2 steps
A music intervals and chords explorer: pick a root note and a chord or interval type, see the notes highlighted on an on-screen piano keyboard, and play the sound using the Web Audio API only — no audio files or external resources.
claude-code-tmux · by dev:local · 1 step
A README review playground: an embedded sample open-source README with inline suggestions (missing install section, unclear intro, stale badge) that I can approve, reject, or comment on, with a summary of accepted changes.
claude-code-tmux · by dev:local · 1 step
A git branching strategies concept map: visualize merge vs rebase vs squash on an interactive commit graph, step through what each operation does to history, and compare trunk-based development against git-flow.
claude-code-tmux · by dev:local · 1 step
A cover-letter critique tool: an embedded sample cover letter with suggestions on tone, specificity and length, each with approve/reject/comment controls and a live 'revised letter' preview reflecting accepted suggestions.
claude-code-tmux · by dev:local · 1 step
An API documentation critique playground: sample REST endpoint docs with flagged issues (missing error codes, undocumented parameter, inconsistent naming) to approve or reject, and a quality checklist that updates as suggestions are resolved.
claude-code-tmux · by dev:local · 1 step
A technical blog post editing pass: an embedded draft post with suggestions for wordiness, passive voice, missing code examples and weak structure; approve, reject or comment on each and preview the edited result.
claude-code-tmux · by dev:local · 1 step
A code review playground for a refactoring diff: a unified diff extracting duplicated logic into a helper function, with line-by-line commenting, an approve/request-changes verdict, and a review summary I can copy.
claude-code-tmux · by dev:local · 1 step
A pull-request review playground for a small bug fix: a diff fixing an off-by-one error with an added regression test, line-by-line comments, suggested-change blocks, and an approve/request-changes flow.
claude-code-tmux · by dev:local · 2 steps
A schema-migration diff review: an SQL migration adding a column with a backfill and index, shown as a diff with line-level commenting and a checklist covering reversibility, locking risk, and data safety.
claude-code-tmux · by dev:local · 1 step
A security patch review playground: a diff fixing an XSS vulnerability in an HTML template, with line comments, a severity assessment control, and a copyable review verdict summarizing the fix's completeness.
claude-code-tmux · by dev:local · 1 step
A code map of a classic MVC web application: routers, controllers, models, views and middleware as an interactive layer diagram; click a component to see its responsibilities and trace a request's path end to end.
claude-code-tmux · by dev:local · 1 step
A compiler pipeline code map: lexer, parser, type checker, optimizer and code generator as stages with the intermediate representation flowing between them; click each stage to see its inputs, outputs and an example transformation.
claude-code-tmux · by dev:local · 1 step
A minimal hue rotation playground: one slider for hue, live color swatch, copyable prompt.
claude-code-tmux · by dev:local · 1 step
A border-radius and corner-smoothing designer for cards: per-corner radius controls, an overall smoothing slider, elevation and border options, previewed on a product card with image placeholder, title, and button.
claude-code-tmux · by dev:local · 1 step
A SQL SELECT query builder over a small embedded dataset of orders, customers, and products: choose columns, filters, sort, and group-by with aggregates, and see both the generated SQL and the live result table.
claude-code-tmux · by dev:local · 1 step
A React application component map: a component tree with props flowing down and events flowing up, a toggle to overlay context providers and state locations, and click-to-inspect for each component's inputs and outputs.
claude-code-tmux · by dev:local · 1 step
An event-driven microservices architecture map: services, queues and topics with animated message flow; toggle between synchronous and asynchronous paths and inspect each service's publish/subscribe contracts.
claude-code-tmux · by dev:local · 1 step
A minimal letter-spacing playground: one slider for tracking in em, a live text sample, and a copyable prompt.
claude-code-tmux · by dev:local · 1 step
A minimal base64 encode/decode playground: a text input, a mode toggle, live output, and a copyable prompt.
claude-code-tmux · by dev:local · 1 step
a tiny color picker
claude-code-tmux · by dev:local · 1 step
colortools
A CSS gradient designer: build linear, radial, and conic gradients with add/remove/drag color stops, angle and shape controls, a few tasteful presets (sunset, ocean, aurora), and a copyable background CSS value, previewed on a large swatch and a sample button.
claude-code-tmux · by dev:local · 1 step
colorcssdesign
A cubic-bezier easing curve editor: drag two control handles on a curve grid, preview a box animating across the screen with the resulting timing function, choose from named presets (ease-in-out, bounce-like, anticipate), and copy the cubic-bezier() value.
claude-code-tmux · by dev:local · 1 step
mathtools
A glassmorphism card designer: controls for backdrop blur, background transparency, border glow, saturation and corner radius, previewed as a frosted card floating over a colorful generated gradient background, with copyable CSS including the backdrop-filter.
claude-code-tmux · by dev:local · 1 step
colorcssdesign
A CSS filter playground: stack brightness, contrast, saturate, hue-rotate, blur, grayscale and sepia with sliders on a procedurally drawn sample image on a canvas, show the live result and a copyable filter string.
claude-code-tmux · by dev:local · 1 step
graphicscssinteractive
A neumorphism (soft UI) generator: pick a background color, then adjust distance, intensity, blur and shape (flat, concave, convex), preview soft-shadow buttons and cards on the matching surface, and copy the resulting box-shadow CSS.
claude-code-tmux · by dev:local · 1 step
colorcsstoolsinteractive
A button state designer: style a button's default, hover, active, focus and disabled states with color, radius, padding and transition controls, interact with a live real button to feel the transitions, and copy the full CSS with pseudo-class rules.
claude-code-tmux · by dev:local · 1 step
colorcssdesign
A loading indicator designer: choose spinner, pulsing dots, progress bars, or a shimmering skeleton, control speed, color and size, preview it animating live, and copy the self-contained HTML and CSS.
claude-code-tmux · by dev:local · 1 step
colorcssdesign
A custom scrollbar and focus-ring designer: control scrollbar width, track and thumb color and radius, and focus outline style and offset, previewed on a scrollable content panel and a set of form fields, with copyable CSS.
claude-code-tmux · by dev:local · 1 step
colorcssdesign
A text effect designer for headlines: apply a gradient fill, outline stroke, and layered drop shadows to large display text with per-effect controls, live preview on an editable headline, and copyable CSS.
claude-code-tmux · by dev:local · 1 step
textcolorcssdesign
An organic blob shape generator: produce a smooth SVG blob from controls for size, edge count, randomness and smoothness, regenerate with a new seed, preview it as a decorative background element, and copy the SVG path and markup.
claude-code-tmux · by dev:local · 1 step
graphicstools
A dark-mode palette generator: from a single brand hue derive a coordinated light theme and dark theme token set (background, surface, text, muted, accent), show WCAG contrast checks for text pairs, and preview both themes on a sample card and toolbar.
claude-code-tmux · by dev:local · 1 step
textcolordesigntools
A CSS animation keyframe composer: sequence transform and opacity changes across several keyframe stops on a timeline, scrub and play the animation on a preview element, adjust duration and iteration, and copy the resulting @keyframes and animation CSS.
claude-code-tmux · by dev:local · 1 step
cssinteractive
An aspect-ratio and object-fit playground: a grid of media boxes with controls for aspect ratio, object-fit (contain, cover, fill, none) and object-position, previewed on procedurally drawn placeholder images on canvas, with copyable CSS.
claude-code-tmux · by dev:local · 1 step
graphicscssinteractive
A CSV data explorer: paste or edit an embedded comma-separated table, sort and filter by any column, see summary statistics (count, min, max, mean, median) for numeric columns, and render a simple bar chart of a chosen column, all computed in-page.
claude-code-tmux · by dev:local · 1 step
chartinteractive
A layered paper-shadow elevation designer: pick a Material-like elevation level and fine-tune ambient and directional shadow layers, preview cards at each elevation on a light and dark surface, and copy the multi-layer box-shadow CSS.
claude-code-tmux · by dev:local · 1 step
cssdesign
A sorting algorithm visualizer: choose bubble, insertion, selection, quicksort or merge sort, set array size and animation speed, shuffle, and watch comparisons and swaps animate on a bar chart with live counts of operations.
claude-code-tmux · by dev:local · 1 step
chart
A statistical distribution explorer: pick normal, uniform, exponential or binomial, adjust the parameters with sliders, and see a live histogram of sampled values overlaid with the theoretical density curve plus computed mean and standard deviation.
claude-code-tmux · by dev:local · 1 step
chartinteractive
A binary search tree visualizer: insert and delete values to grow a self-balancing-style tree, run in-order, pre-order and post-order traversals that highlight the visited path, and search for a value watching the comparison path light up.
claude-code-tmux · by dev:local · 1 step
chart
A hash table and collision explorer: hash a set of sample keys into buckets of an adjustable size, visualize the distribution and chained collisions, and compare a naive modulo hash against a simple mixing hash side by side.
claude-code-tmux · by dev:local · 1 step
physicschartinteractive
A pathfinding visualizer: paint walls on a grid, set start and goal cells, choose breadth-first, depth-first, Dijkstra or A*, and watch the frontier expand and the final shortest path highlight, with a count of cells explored.
claude-code-tmux · by dev:local · 1 step
graphicschartinteractive
A number base explorer: enter a value in any base and see it live in binary, octal, decimal and hexadecimal with a per-digit place-value breakdown and a row of togglable bits that update every representation.
claude-code-tmux · by dev:local · 1 step
interactive
A Unicode and UTF-8 character explorer: type any text and see, per character, its Unicode code point, name, category, and the exact UTF-8 byte sequence, with a total byte count and a highlight of multi-byte characters.
claude-code-tmux · by dev:local · 1 step
textinteractive
A color-space converter: enter or pick a color and see RGB, HSL, HSV and CMYK values update together, with per-channel sliders in each space that all stay in sync and a large swatch plus a hex readout.
claude-code-tmux · by dev:local · 1 step
colortoolsinteractive
A run-length and simple compression explorer: type a string and watch run-length encoding and a basic dictionary (LZ-style) compression build up step by step, showing the encoded output and the achieved compression ratio.
claude-code-tmux · by dev:local · 1 step
textinteractive
A unit converter and scale explorer: convert across length, mass, temperature, time and data-size units live as you type, and show a visual proportional bar comparing the value against a few familiar reference points.
claude-code-tmux · by dev:local · 1 step
toolsinteractive
A boolean logic truth-table generator: enter a boolean expression over named variables using and, or, not and parentheses, generate its complete truth table, and highlight the rows where the expression is true.
claude-code-tmux · by dev:local · 1 step
tools
A moving-average and smoothing explorer: over an embedded noisy time-series, adjust a moving-average window and an exponential smoothing factor and see the raw series and both smoothed curves plotted live on the same chart.
claude-code-tmux · by dev:local · 1 step
chartinteractive
An HTTP request lifecycle explorer: step through DNS resolution, TCP handshake, TLS negotiation, request, server processing, response and browser render as an interactive stepper, drilling into each stage's purpose and typical latency contribution.
claude-code-tmux · by dev:local · 1 step
interactive
A network layers explorer: walk the OSI and TCP/IP models side by side, click each layer for its responsibility and example protocols, and watch an animation of a packet gaining and shedding headers as it moves down and up the stack.
claude-code-tmux · by dev:local · 1 step
interactive
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 finite state machine explorer: drive a vending machine and a traffic light as live state diagrams, fire events to trigger transitions, watch invalid events get rejected, and see the current state and transition history highlighted.
claude-code-tmux · by dev:local · 1 step
interactive
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 CAP theorem explorer: interactively choose two of consistency, availability and partition tolerance, see the consequence explained, and plot where several well-known databases sit on the tradeoff space.
claude-code-tmux · by dev:local · 1 step
chartinteractive
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 color theory explorer: an interactive color wheel where you pick a base hue and reveal harmonies (complementary, analogous, triadic, tetradic), see warm/cool grouping, and read common associations and usage notes for each color family.
claude-code-tmux · by dev:local · 1 step
colorinteractive
A JavaScript event loop explorer: step through a sample program and watch the call stack, macrotask queue and microtask queue fill and drain, so the execution order of timeouts, promises and synchronous code becomes visible.
claude-code-tmux · by dev:local · 1 step
interactive
A periodic table explorer: an interactive periodic table with all elements embedded in-page, filter or color by group, period or state of matter, and click an element to see its atomic number, mass, category and a few key properties.
claude-code-tmux · by dev:local · 1 step
colorinteractive
A solar system explorer: the planets rendered to scale-ish on a canvas with adjustable orbital speed and a toggle between real relative sizes and distances, click a planet for facts like orbital period, moons and diameter, all data embedded.
claude-code-tmux · by dev:local · 1 step
physicsgraphicsinteractive
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 recursion and the call stack explorer: pick factorial, Fibonacci or Towers of Hanoi, step forward and back through the recursive calls, and watch stack frames push and pop with their arguments and return values on a live stack diagram.
claude-code-tmux · by dev:local · 1 step
mathinteractive
A resume critique playground: an embedded sample software-engineer resume with inline suggestions on quantifying impact, replacing weak verbs, trimming length and fixing formatting, each approvable or rejectable, with a live revised resume reflecting accepted changes.
claude-code-tmux · by dev:local · 1 step
interactive
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 product description critique playground: an embedded e-commerce product blurb with suggestions to lead with benefits over features, cut fluff, and sharpen the call to action, approve or reject each and preview the improved copy.
claude-code-tmux · by dev:local · 1 step
interactive
An email tone critique playground: an embedded draft business email flagged for passive-aggressive phrasing, over-hedging, and a buried ask, each suggestion approvable or rejectable, with a live 'revised email' that reads clearer and more direct.
claude-code-tmux · by dev:local · 1 step
interactive
A commit message critique playground: several embedded sample commit messages flagged against imperative mood, conventional-commit prefixes, and body clarity, with approve, reject and comment controls and a cleaned-up commit log preview.
claude-code-tmux · by dev:local · 1 step
interactive
A prime numbers explorer: enter a number to see a live factor tree and primality result, and render an interactive Sieve of Eratosthenes grid up to an adjustable limit that animates crossing out composites.
claude-code-tmux · by dev:local · 1 step
mathinteractive
A plain-language critique playground: an embedded paragraph of dense terms-of-service legalese with plain-English rewrite suggestions, approve or reject each, and watch a readability score improve as accepted rewrites simplify the text.
claude-code-tmux · by dev:local · 1 step
textinteractive
A bitwise operations playground: enter two integers, apply AND, OR, XOR, NOT and left/right shifts, and see each operand and the result rendered as an interactive grid of bits you can toggle, with the decimal and hex values updating live.
claude-code-tmux · by dev:local · 1 step
interactive
An error-message critique playground: an embedded list of unhelpful application error messages with suggestions to make each specific, actionable and human, approve or reject, and see a before-and-after list of the improved messages.
claude-code-tmux · by dev:local · 1 step
interactive
A slide bullet critique playground: an embedded set of wordy presentation bullets with suggestions to tighten them into scannable headlines and cut redundant points, approve or reject each, and preview a cleaner slide.
claude-code-tmux · by dev:local · 1 step
interactive
A meeting-notes critique playground: an embedded block of messy raw meeting notes with suggestions to extract decisions, action items with owners, and open questions, approve or reject each, and a structured summary assembles itself from the accepted items.
claude-code-tmux · by dev:local · 1 step
interactive
A UX microcopy critique playground: embedded button labels, tooltips and empty-state text flagged for clarity, consistency and voice, each approvable or rejectable, with a small live UI mock reflecting the accepted copy changes.
claude-code-tmux · by dev:local · 1 step
texttoolsinteractive
A job-description critique playground: an embedded job posting flagged for gendered or exclusionary language, vague requirements, and a missing salary range, approve or reject each suggestion, with an inclusivity and clarity score that updates.
claude-code-tmux · by dev:local · 1 step
interactive
A changelog critique playground: an embedded developer-centric changelog with suggestions to reframe entries around user impact, group by type, and follow keep-a-changelog conventions, approve or reject each and preview the polished changelog.
claude-code-tmux · by dev:local · 1 step
interactive
A support-reply critique playground: an embedded customer support draft reply flagged for missing empathy, unclear next steps and an unverified promise, approve or reject each suggestion, and see a live revised reply that lands better.
claude-code-tmux · by dev:local · 1 step
interactive
An abstract critique playground: an embedded research paper abstract with suggestions on structure (context, method, result, significance), jargon reduction and length, approve or reject each, and preview the tightened abstract with a word count.
claude-code-tmux · by dev:local · 1 step
interactive
A survey question critique playground: an embedded set of survey questions flagged for leading wording, double-barreled asks and unbalanced scales, approve or reject each fix, and preview the improved, unbiased questionnaire.
claude-code-tmux · by dev:local · 1 step
interactive
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 null-safety diff review: a diff adding guards and optional chaining to a function that crashed on missing fields, with line comments, suggested-change blocks, and an approve or request-changes flow, plus a checklist of remaining unguarded paths.
claude-code-tmux · by dev:local · 1 step
interactive
An async refactor diff review: a diff converting nested callbacks into async/await, reviewed for correct error propagation and no lost rejections, with line-level comments and an approve or request-changes verdict.
claude-code-tmux · by dev:local · 1 step
interactive
A dependency upgrade diff review: a package manifest and lockfile diff performing a breaking major-version bump, with a migration checklist covering changelog review, deprecations and test impact, line comments, and a risk-rated verdict.
claude-code-tmux · by dev:local · 1 step
interactive
A CSS refactor diff review: a diff replacing magic numbers with custom properties and consolidating duplicated rules, with line comments, a checklist for visual-regression risk, and an approve or request-changes verdict.
claude-code-tmux · by dev:local · 1 step
css
A test quality diff review: a diff adding unit tests for an edge case, reviewed for assertion strength, clear naming and independence from implementation details, with line comments and an approve or request-changes verdict.
claude-code-tmux · by dev:local · 1 step
interactive
An API compatibility diff review: a diff renaming and reshaping a JSON response field, reviewed for backward compatibility and versioning, with a breaking-change flag, line comments, and a suggested deprecation path.
claude-code-tmux · by dev:local · 1 step
interactive
A container hardening diff review: a Dockerfile diff pinning base-image versions, adding a non-root user and dropping build tools from the final stage, with a security checklist, line comments, and a verdict.
claude-code-tmux · by dev:local · 1 step
tools
An accessibility fix diff review: a diff adding ARIA labels, image alt text, and keyboard focus management to a form, reviewed against an accessibility checklist, with line comments and an approve or request-changes verdict.
claude-code-tmux · by dev:local · 1 step
text
A concurrency fix diff review: a diff replacing a non-atomic read-modify-write on a shared counter with an atomic update, reviewed for correctness under contention, with line comments and a verdict.
claude-code-tmux · by dev:local · 1 step
tools
A SQL injection fix diff review: a diff replacing string-concatenated queries with parameterized statements, with a severity control, a checklist for other injection sinks, line comments and a copyable verdict.
claude-code-tmux · by dev:local · 1 step
interactive
An error-handling diff review: a diff replacing swallowed exceptions and silent fallbacks with explicit propagation and logging, reviewed for no remaining hidden failures, with line comments and a verdict.
claude-code-tmux · by dev:local · 1 step
interactive
A feature-flag cleanup diff review: a diff removing a now-permanent feature flag and its dead alternate branch, reviewed for completeness with no orphaned code or config left behind, with line comments and a verdict.
claude-code-tmux · by dev:local · 1 step
interactive
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