5. Design & Creative

Applies branding guidelines using the 60-30-10 color rule to alternate section backgrounds and ensure visual hierarchy after style cleanup.

Adds elegant page transition overlays with three staggered color layers, covering the screen during navigation and revealing upon new page load.

Generates culturally tailored game cards for Pakistani audiences, ensuring visual creativity and cultural appropriateness.

Facilitates initial design planning discussions to establish UI/UX requirements and stakeholder alignment.

Creates Marp-based slide presentations from intent specifications for quick visual content generation.

Enforces consistent UI design across SIBA ERP using standardized components, colors, typography, and responsive patterns for all visual elements.

Generates SEO-optimized Midjourney V7 image prompts for website sections by analyzing CSS and page components, outputting with appropriate filenames.

Generates creative, polished frontend interfaces and components with high design quality, avoiding generic AI aesthetics.

Adds Framer Motion micro-animations including section reveals, staggered lists, and hover effects with performance optimization.

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

Embeds HTML visualizations and running applications into the A2UI panel for interactive user interfaces.

Generates web page assets including illustrations, icons, and logos using the Gemini image generation API for design and UI/UX purposes.

Creates branded 404 and 500 error pages with visual styling for production deployment.

Enhances image quality for visual content, improving resolution and clarity for presentations, documentation, and social media.

Designs page interaction flows, state transitions, and user feedback mechanisms for enhanced UI/UX following element analysis.

Improves UI copy for buttons, error messages, and empty states using JTBD and benefit-first frameworks, with interactive or batch modes.

Analyzes user stories to extract core UI design elements, enabling accurate prototype generation.

Converts Markdown documents to visually styled PowerPoint presentations using AI, supporting custom templates and multiple design themes for business, tech, and education contexts.

Generates C4 model architecture diagrams (Context, Container, Component) to visualize system structure for technical communication and decision-making.

Downloads videos from platforms like YouTube for offline editing, archival, and creative use with format and quality flexibility.

Generates structured experience definitions for game design, analyzing fun elements through decision loops, resource systems, and failure mechanics.

Converts vague game ideas into structured design concepts using a language centered on judgment, action, and experience.

Creates minimalist, mobile-optimized Home Assistant dashboards using Mushroom cards and card-mod for custom entity card styling and interface design.

Creates modern, clean UI components using SolidJS and Tailwind CSS for the Leave Maximiser project.