5. Design & Creative

Generates Mermaid diagrams for embedding in Markdown to visualize workflows, architecture, and processes in documentation.

Manipulates images via ImageMagick for resizing, cropping, and format conversion (PNG/SVG) to optimize logos for PDF and screen display.

Provides expertise in character acting, body language, and emotional expression for animation design using the O ACTING NO DESIGN DE ANIMAÇÃO methodology.

Creates original visual designs for posters, art, and static documents in PNG and PDF formats, ensuring copyright compliance.

Generates detailed economic systems for fictional worlds, including trade routes, merchant guilds, and market dynamics to enhance world-building.

Delivers iOS/Android haptic feedback guidelines for mobile-first Progressive Web Apps, ensuring consistent user experience across interactive UI components like buttons and form submissions.

Ensures UI components follow documentation and use design tokens from the design-tokens package for consistent styling.

Provides modern web design and accessibility guidelines for UI components, ensuring best practices in styling, animations, and color contrast.

Reviews web UI design from UX and accessibility perspectives, providing actionable feedback on typography, contrast, layout, and responsive behavior.

Generates context-aware illustrations for articles with multiple style options, enhancing visual storytelling at key content points.

Mobile-first UI design mentor for responsive layouts, touch interactions, and accessibility compliance with PWA optimization guidance.

Analyzes article structure to identify visual aid positions and generates two-dimensional illustrations using a Type × Style approach.

Designs AI interface loading, thinking, and progress indicators with chain-of-thought displays and techniques to reduce perceived wait time.

Designs context-sensitive help systems, tooltips, and onboarding flows for learning platforms to enhance user assistance and navigation.

Converts raster images to clean, color-supporting SVG icons using VTracer vectorization for production-ready design assets.

Automates PowerPoint (.pptx) creation/editing and integrates with Google Slides for structured presentation design and content planning.

Provides guidance for implementing WCAG-compliant interfaces and inclusive design practices to ensure accessibility across digital products.

Generates Remotion animation configurations including spring parameters, easing functions, and timing logic for defining animation behavior without component implementation.

Enforces design quality checks for UI changes, including correctness, identity, and aesthetic validation with strict stop conditions before shipping frontend work.

Simulates color perception for various color blindness types to ensure accessible UI/UX design and WCAG compliance.

Analyzes video and audio file content, metadata, and stream information for creative production and media processing workflows.

Normalizes audio volume using ffmpeg's loudnorm filter for professional two-pass normalization, ensuring consistent loudness.

Generates professional infographics with 20 layouts and 17 styles, analyzing content to recommend optimal combinations for publication-ready visuals.

Audits audio and video content for WCAG perceivability compliance, providing actionable rules to ensure multimedia accessibility for all users.