5. Design & Creative

Automatically structures Gemini API calls for UI/UX, React, and CSS design tasks, enabling efficient frontend development assistance.

Generates distinctive, production-ready frontend interfaces with high design quality, avoiding generic AI aesthetics for web components and applications.

Expert guidance on creating user interfaces and experiences for web applications, emphasizing visual aesthetics and usability.

Guides pre-implementation exploration of user intent, requirements, and design to inform creative feature development and component building.

Produces valid Excalidraw JSON to create, edit, or share diagrams, enabling seamless visual content generation.

Enforces flat, token-driven UI styling for web interfaces, prohibiting shadows, glows, and flares in all web/src styling changes.

Enforces visual consistency across AERA frontend components using Cupertino and Lumina design systems for UI, CSS, tokens, and interactive elements.

Maintains dynamic visual representations of system architecture and user interaction flows for design and development teams.

Provides expert critique and feedback on enterprise software interface design (ERP, CRM, HRM, SCM) using domain knowledge and end-user role-playing.

Generates interactive menus with smooth animations, click-outside, and Escape key handling for polished user experiences.

Extracts UI specifications from Figma and PDF design exports, generating design-spec.md and pending-questions.md for design analysis.

Merges multiple MOV/MP4 videos into a single GIF with segment-specific speed control for demo creation and visual content.

Ensures consistent terminology adherence to the ÉPICO 12 glossary for the B2B technical training platform's information architecture.

Guides implementation of accessible hierarchical navigation breadcrumbs following WCAG and corporate design system standards for a B2B technical training platform.

Creates mobile-first HTML documents with accordions, timelines, and blue-gold design for legal summaries and analytical materials.

Generates professional analytical reports in HTML with customizable themes (dark-premium and analytics-green) and responsive versions for mobile and desktop.

Creates and customizes Quarto-based Reveal.js presentations with SCSS theming, layout patterns, and extensions for professional slide decks.

Creates enterprise-grade, accessible, and responsive user interfaces using design systems and component libraries.

Provides a text-based DSL for designing slide layouts, generating specifications convertible directly to PPT.

Enforces Forth AI's brand guidelines across UI components, pages, and design systems with emphasis on radical simplicity and visual identity.

Defines project-specific slide conventions including Grid layout, MD3 tool classes, and special components for fluid-slide, compatible with quarto-revealjs.

Provides design guidance for Inframagics' agent-native workspace interfaces, features, and architecture to enhance user experience.

Provides an opinionated UI/UX and high-performance animation system for Next.js App Router, including layout, spacing, typography, and GPU-friendly motion patterns.

Provides a design guide for omnichannel voice agent interfaces and behaviors to ensure seamless user experiences in call center replacement systems.