Design
UI/UX direction, visual design, and design systems
minimal
by bergside
Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.
levels
by bergside
Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.
paper
by bergside
Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.
futuristic
by bergside
Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.
impeccable
by bergside
"A modern, graphic, editorial-poster aesthetic — warm and confident — built on alternating cream and burnt orange sections, an amber brand color."
artistic
by bergside
High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.
brutalism
by bergside
Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.
ant
by bergside
Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.
cafe
by bergside
Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.
colorful
by bergside
Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.
modern
by bergside
Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.
geometric
by bergside
Geometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way.
clean
by bergside
Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.
corporate
by bergside
Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.
fiction
by bergside
"A playful, energetic, cartoonesque interface inspired by friendly children's-book illustrations — warm cream backgrounds, big bold custom display typography, saturated brand color blocks, thick black outlines, generously rounded shapes"
expressive
by bergside
Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.
mono
by bergside
Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.
material
by bergside
Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.
brand-agency
by glebis
Applies Agency brand colors and typography to artifacts including presentations, SVG graphics, documents, and web interfaces. This skill should be used when brand colors, visual formatting, neobrutalism style, or Agency design standards apply. Keywords - branding, corporate identity, visual identity, styling, brand colors, typography, visual formatting, visual design, neobrutalism.
presentation-generator
by glebis
Generate interactive HTML presentations with neobrutalism styling, ASCII art decorations, and Agency brand colors. Outputs HTML (interactive with navigation), PNG (individual slides via Playwright), and PDF. References brand-agency skill for colors and typography. Use when creating presentations, slide decks, pitch materials, or visual summaries.
design
by jeremylongshore
Use when the user wants the visual/experiential design of a product done systematically — a design system, a screen, a landing page, or a visual identity — grounded in researched real-world prior art and free of AI slop. Establishes/extends the design system, invokes the matching local taste skill, dispatches the designer specialist, and reviews for taste + accessibility. Standalone — ends with a handoff gate into the chain. Trigger with /hyperflow:design, "design the UI", "make a design system", "design this screen", "give this a visual identity", "redesign this".
doodle
by bergside
Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.
tldraw
by Mathews-Tom
'Generate hand-drawn whiteboard-style diagrams (.tldr) from natural language and export to PNG/SVG via tldraw-cli, with vision-based self-check and an iterative review loop. Covers flowcharts, sequence diagrams, ERDs, UML sketches, and ML model diagrams. Triggers on: "whiteboard diagram", "sketch this out", "tldraw diagram", "hand-drawn diagram", "flowchart", "sequence diagram", "ERD diagram", "UML sketch", "ML model diagram", "draw a diagram". NOT for polished business/infra diagrams, use architecture-diagram.'
estimate-calibrator
by Mathews-Tom
'Produces calibrated three-point PERT estimates (best/likely/worst) with confidence intervals, unknowns, and assumptions. Triggers on: "estimate this", "how long will this take", "effort estimate", "confidence interval", "story points", "t-shirt sizing". NOT for task decomposition, use task-decomposer.'