5. Design & Creative

Guides the design of Extended Reality (XR) learning experiences, including evaluation and implementation strategies for educational technology.

A JSON-powered visualization tool for creating knowledge graphs, mind maps, and concept diagrams to structure learning notes intuitively.

Transforms documents and data into professional, interactive HTML presentations with McKinsey-style design and intelligent chart selection.

Creates, edits, and analyzes PowerPoint presentations (.pptx) including content, layouts, and speaker notes.

Creates professional presentations using Slidev with Markdown, customizable themes, auto-outlining, and PDF/PPTX export for technical and business contexts.

Automates auditing of design systems to enforce consistency in UX/UI patterns, color palettes, and design best practices across frontend applications.

Automates conversion of slide content into McKinsey-style HTML files with CSS styling, layout design, and interactive features.

Audits color contrast for text and non-text elements to ensure WCAG accessibility compliance in design systems.

Generates professional, single-file HTML presentations with strict design standards, including navigation, slide templates, and data visualizations.

Converts document content into structured slide pages with logical flow, zero content loss, and optimal page count.

Official design system ensuring consistent UI implementation through colors, typography, spacing, and component guidelines for Renan Crociari's portfolio.

Converts slide content to JSON and renders McKinsey-style HTML with embedded CSS and JavaScript.

Reviews UI code for adherence to Web Interface Guidelines, including accessibility and UX best practices.

Enables structured exploration of user intent, needs, and design prior to feature development or component implementation.

Analyzes Figma designs and images to extract technical specifications for developers, including colors, typography, and accessibility requirements, mapping to WordPress and Drupal.

Generates custom design system rules for codebases, enabling consistent Figma-to-code workflows with project-specific conventions.

Creates marketing posters and visual assets using Google Gemini's AI image generation capabilities.

Crafts optimized prompts for Nano Banana Pro (Gemini image generation) to produce high-quality visuals across diverse styles including portraits, e-commerce, and era-specific aesthetics.

Enables implementation of character animation systems with custom animators, blending, and procedural movement using inverse kinematics.

Automates Blender asset dependency tracing, debugging, and packaging for efficient 3D project management and asset resolution.

Organizes photo/video galleries, validates media files, and prepares content structures for seamless upload and display.

Provides UI/UX implementation for responsive design, animations, and user-facing interfaces including game HUDs and menus.

Offers intelligent UI/UX design assistance through a searchable database of design patterns and assets.

Provides a comprehensive design guide for omnichannel voice agent interfaces, behaviors, and architecture to replace call center staff.