设计
UI/UX 方向、视觉设计与设计系统
creative
bergside
Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects.
minimal
bergside
Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus.
levels
bergside
Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.
paper
bergside
Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities.
futuristic
bergside
Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.
impeccable
bergside
"A modern, graphic, editorial-poster aesthetic — warm and confident — built on alternating cream and burnt orange sections, an amber brand color."
artistic
bergside
High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.
brutalism
bergside
Raw, anti-design aesthetic inspired by concrete architecture with unadorned elements, jarring layouts, and functional minimalism.
ant
bergside
Structured, enterprise-focused design system emphasizing clarity, consistency, and efficiency for data-dense web applications.
cafe
bergside
Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.
colorful
bergside
Vibrant, high-contrast palettes and gradients for engaging, memorable, and modern user experiences.
modern
bergside
Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products.
geometric
bergside
Geometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way.
clean
bergside
Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.
corporate
bergside
Professional, brand-aligned design with structured grids, minimalist layouts, and consistent enterprise patterns.
fiction
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
bergside
Vibrant, personality-driven design with bold colors, playful graphics, and dynamic layouts that balance creativity with structure.
mono
bergside
Monospace-driven, matrix-inspired design with high-contrast elements, compact density, and a hacker-chic aesthetic.
material
bergside
Google's Material Design with layered surfaces, dynamic theming, built-in motion, and responsive cross-platform patterns.
brand-agency
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
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
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
bergside
Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.
tldraw
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.'