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
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
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 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 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 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 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