Frontend

Mobile App UI Design helps design iOS and Android app interfaces, design systems, and accessible layouts. Use it when following Human Interface Guidelines, Material Design 3, or WCAG 2.2 AA requirements.

Adapt adapts existing designs to work across screen sizes, devices, and input methods. Use it when you need breakpoints, fluid layouts, touch-friendly interactions, or platform-specific layout changes.

Animate reviews a feature and adds purposeful motion, micro-interactions, and transitions that improve feedback and usability. Use it when you want animations, hover effects, or other motion design in a UI, with reduced-motion support kept in mind.

Arrange improves layout, spacing, and visual hierarchy when a UI feels crowded, monotonous, or structurally weak. Use it to fix alignment, grid repetition, and rhythm issues.

Bolder amplifies safe or generic designs with stronger typography, color, spacing, and composition while keeping them usable. Use it when a design feels bland, lacks personality, or needs more visual impact.

Colorize adds strategic color to interfaces that feel gray, dull, or visually flat. Use it to introduce brand-aligned accents, semantic states, and warmer surfaces without overwhelming the design.

Critique evaluates a design from a UX perspective, covering hierarchy, information architecture, cognitive load, emotional response, and usability. Use it when you need structured feedback on an interface, component, or screen.

Delight adds moments of joy, personality, and polish to interfaces through micro-interactions, success states, empty states, and playful copy. Use it when you want an experience to feel more memorable without hurting usability.

Distill removes unnecessary complexity from a design so the essential elements stand out. Use it when a UI feels cluttered, noisy, or too feature-heavy and needs a simpler hierarchy.

Extract identifies reusable UI patterns, components, and design tokens, then consolidates them into a design system. Use it when refactoring repeated UI, creating shared components, or adding tokens for consistency.

Form Patterns guides building and refactoring forms in aghub desktop app code. Use it for HeroUI v3 forms, react-hook-form integration, validation, custom editors, and error presentation.

Frontend Design creates distinctive, production-grade interfaces and code for pages, components, posters, and apps. Use it when you need polished frontend work with strong visual direction and a context-driven design process.