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