5. Design & Creative

Transforms W3C design tokens to platform-specific outputs (CSS, SCSS, JS, iOS, Android) with alias handling and documentation generation.

Provides a pipeline for exporting 3D models from Blender to game engines using GLTF or FBX formats.

Creates user flow diagrams and flowcharts using Mermaid syntax and other diagramming formats for UI/UX design.

Checks color contrast ratios to ensure web content meets WCAG accessibility standards for visual design.

Optimizes 2D texture assets through compression, atlas generation, and on-demand streaming for efficient rendering in graphics applications.

Documents interactive elements, transitions, and hotspots for design prototypes, enhancing UI/UX clarity and development handoff.

Expert guidance for optimizing FPGA physical implementation through place and route processes.

Provides tools for designing and integrating avionics systems architecture in aerospace engineering applications.

Generates realistic 3D animations using inverse kinematics and physics simulations for character and object movement.

Simulates realistic cloth movement and behavior using softbody dynamics and constraint systems for 3D animation and visual effects.

Tool for creating highway alignments with horizontal and vertical geometry adhering to AASHTO standards.

Provides tools for creating and optimizing PBR materials in Unreal Engine, including material instances and shader complexity management.

Applies Mayer's multimedia learning principles to design audio, video, graphics, and animations that minimize cognitive load for effective learning experiences.

Handles creation, editing, and analysis of PowerPoint (.pptx) presentations, including content, layout, and speaker notes.

Converts architecture descriptions and workflows into Mermaid diagrams with embeddable syntax for documentation.

Provides responsive layout patterns using Aksel design system spacing tokens with Box, VStack, HStack, and HGrid components.

Matches user specifications for diagrams, charts, or simulations to the most appropriate MicroSim generator, providing ranked scores and reasoning.

Builds educational micro-simulations with vis-network for interactive network visualizations in web-based learning environments.

Creates interactive workflow diagrams from text using the Mermaid JavaScript library for visual documentation and presentations.

Creates interactive comparison tables with star ratings, difficulty badges, and hover tooltips for educational content, including complete HTML/CSS package and documentation.

Creates interactive Causal Loop Diagram MicroSims using vis-network, producing complete educational visualization packages with HTML, JavaScript, and data files.

Creates visual graphics for thumbnails, social media, banners, and presentations using design principles and research-backed techniques.

Generates innovative ideas using structured creative techniques like SCAMPER and AI-optimized methods to overcome creative blocks and spark innovation.

Generates customizable decorative geometric elements (corners, lines, frames) with color, gradient, and transparency control for design assets and vector graphics.