5. Design & Creative

Guides users in generating and editing AI images via DALL-E, covering prompt engineering, image variations, and creative output for design projects.

Captures and documents UI changes with before/after screenshots for pull requests, enabling reviewers to assess visual design modifications without code execution.

Creates distinctive, production-grade frontend interfaces with framework-specific guidance for Tailwind, React, Vue, and Rails/Hotwire.

Generates design system templates and patterns for UI/UX briefs, enabling consistent visual documentation and collaboration.

Automates creation of diverse social media assets from long-form content, including threads, carousels, and video scripts.

Provides framework-agnostic CSS patterns for typography, color, motion, and spatial composition in UI design.

Guides creation of distinctive user interfaces through design thinking, aesthetic direction, and avoidance of anti-patterns and generic AI aesthetics.

Helps users select the optimal design tool for their current task from UI/UX, visual validation, or code auditing options.

Provides Tailwind CSS styling guidelines with mandatory 'eb-' prefix for embedded components, ensuring consistent UI design and token usage.

Customizes Docusaurus documentation site themes through component swizzling and theme element editing.

Evaluates UI components against UX best practices using a 3D framework aligned with Nielsen heuristics.

Provides comprehensive UI/UX design intelligence with 50 styles, 21 palettes, and 50 font pairings for modern web and mobile applications.

Toolkit for senior UI designers to create design systems, generate design tokens, document components, and enable seamless design-dev handoff.

Guides mobile-first design for iOS and Android, covering touch interactions, performance patterns, and platform conventions for React Native, Flutter, and native apps.

Generates accessible, responsive user interfaces using shadcn/ui and Tailwind CSS for consistent design systems and visual assets.

Toolkit for senior UX designers to conduct user research, create data-driven personas, map user journeys, and validate designs through structured frameworks.

Generates aesthetically pleasing UI/UX designs using visual hierarchy, color theory, and micro-interactions for documentation and image generation.

Converts written content into visual slide decks for presentations, transforming text-based materials into graphical formats.

Generates and edits images using Gemini's Imagen 3 API for creating illustrations, diagrams, and refining visual content through iterative conversations.

Generates visual content including illustrations, diagrams, flowcharts, and infographics for design and creative projects.

Displays a pulsing red vignette overlay to visually indicate low player health in a game environment.

Attaches 3D meshes to bones in skinned meshes for character animation, such as equipping weapons or accessories.

Applies visual feedback to enemies on damage, causing white flashes and oscillating recoil animations.

Generates complete UX pattern examples with required files for good/bad comparison, including component files and documentation.