5. Design & Creative

Designs internal psychological triggers to foster self-motivated user engagement and habit formation without external notifications.

Designs user experiences using the Fogg Behavior Model (B=MAP) to drive onboarding, conversion, and habit formation.

Leverages social proof psychology to enhance trust and conversion rates through strategic design elements on landing pages and testimonials.

Applies the halo effect psychology to product design and UX, enhancing first impressions, brand perception, and feature presentation through positive attribute influence.

Applies visual attention and gaze psychology to design compelling CTAs for landing pages and user interfaces, optimizing conversion elements and user flow.

Optimizes user interface design by applying Hick's Law to reduce choice overload and accelerate decision-making.

Creates professional slide deck images from academic papers with outline generation, PDF figure detection, and style-guided slide visuals.

Creates detailed Chinese cuisine recipes with step-by-step instructions and generates traditional-style visual poster prompts for presentation.

Creates wireframes to organize screen layouts and user flows, establishing UI direction before implementation.

Enforces consistent and accessible UI standards in Rails applications using maquina_components for views, forms, and layouts.

Generates and edits images via Gemini API for creative tasks including logos, stickers, and product mockups using text prompts and style transfers.

Generates distinctive, production-ready frontend interfaces and UI components with high design quality, avoiding generic AI aesthetics for web applications and dashboards.

Automates CapCut video editing tasks including multi-track editing, effects, and subtitle management for efficient content creation.

Creates and edits YouTube thumbnails optimized for click-through rate, designed for integration with the Thumbnail Designer subagent.

Generates production-ready YouTube video plans with optimized title, thumbnail concept, and hook based on research, orchestrating specialized video planning skills.

Enforces a minimalist, precise design system for dashboards and admin interfaces, inspired by Linear, Notion, and Stripe, emphasizing pixel-perfect UIs.

Guidelines for implementing audio feedback in web interfaces to enhance user interactions, notifications, and error states.

Framework to decide between easing curves and spring animations for interface motion, aiding implementation, review, and debugging of animation feel.

Guides implementation of Disney's 12 animation principles for web motion design, micro-interactions, and UX feedback using CSS and motion libraries.

Applies Mantel's brand style guidelines to diagrams and frontend components for consistent visual branding.

Orchestrates initial design phases through context gathering, requirement clarification, brainstorming, and documentation to produce implementation-ready design artifacts.

Guides refinement of initial concepts into actionable designs using structured Socratic questioning and validation techniques.

Optimizes prompt structure for Gemini image generation, enhancing visual output quality through tailored creative guidance.

Generates high-quality, distinctive frontend interfaces and UI designs for web applications, avoiding generic AI aesthetics with creative, production-ready code.