5. Design & Creative

Generates creative game concepts by gathering user-defined constraints, providing inspiration and exploration for game design ideas.

Designs page layouts and grid systems for user interfaces.

Generates consistent spacing systems with tokens for margins, padding, and gaps to ensure uniform UI layouts across design projects.

Generates accessible color systems for applications, defining primary, secondary, neutral, and semantic colors with usage guidelines.

Creates and maintains a Game Design Bible documenting design vision, pillars, mechanics philosophy, and creative direction for game development.

Inspects and enhances web accessibility to ensure inclusive user experiences for all users, including those with disabilities.

Designs responsive page layouts, grid systems, and structural arrangements with attention to visual hierarchy and accessibility for web interfaces.

Reviews design files for WCAG accessibility compliance, providing recommendations on color contrast, keyboard navigation, and screen reader support.

Generates creative, high-quality UI/UX designs for web components and applications, avoiding generic AI outputs with refined, professional code.

Automates visual regression testing for UI components using Storybook and Chromatic to detect UI changes and ensure visual consistency.

Generates high-quality photorealistic images for portraits, landscapes, products, and cinematic scenes using AI with lighting and composition guidance.

Plans responsive design breakpoints, mobile-first layouts, and touch/mouse interaction strategies across device sizes.

Offers expert advice on balancing tower defense game elements including enemy stats, tower abilities, progression curves, and difficulty tuning for optimal player experience.

Creates hand-drawn style diagrams, illustrations, and comics using Excalidraw for editorial and explanatory visual content.

Conducts UX audits to analyze user experience and derive actionable improvement points for UI/UX design.

Enforces distinctive, handcrafted design in HTML emails and newsletters by detecting anti-patterns and ensuring professional aesthetics, avoiding generic AI-generated looks.

Provides geometric pattern rules for rendering machine towers with p5.js, replacing sprite-based visuals.

Designs accessible, responsive UI components with states and usage guidelines for consistent interfaces.

Creates production-ready frontend interfaces using integrated Figma design systems and UI tools.

Generates AI-powered icons for project visual assets using the icon.new platform.

Applies design system principles to HTML email templates, ensuring cohesive typography, color, spacing, and layout within email constraints.

Creates distinctive, production-grade frontend interfaces with high design quality, avoiding generic AI aesthetics for web components, pages, and UI elements.

Expert in enterprise design systems, component architecture, accessibility, icons, and theme integration for cohesive UI/UX design.

Delivers advanced UI/UX design solutions through HeroUI component library and MCP Design Intelligence for modern interface creation.