5. Design & Creative

Creates production-grade, distinctive frontend interfaces and UI components with polished design quality, avoiding generic AI aesthetics.

Generates and edits images using Gemini API for creative design tasks including logos, stickers, and product mockups.

Generates original algorithmic art using p5.js with seeded randomness and interactive parameters, avoiding copyright issues by creating unique pieces.

Generates FeedMob-branded reports, presentations, charts, and artifacts adhering to official brand guidelines for consistent visual identity.

Creates and edits professional PowerPoint presentations with customizable themes and layouts using python-pptx and OOXML for advanced formatting.

Applies psychological principles to frontend design, enhancing user experience, conversion rates, and engagement through 43 established concepts.

Generates 10 artistic greyscale icon variations from a single image source, compressing to under 20KB with high contrast. Accepts URL or local file inputs.

Manages global implementation of atomic design system components for consistent UI across the application.

Guides UI component planning using Atomic Design methodology (atoms, molecules, organisms) to promote reuse and efficient frontend architecture.

Guides UI component planning using Atomic Design methodology to promote reuse and structured frontend architecture.

Visualizes user-system interactions, API sequences, and event flows as ASCII sequence diagrams for UI/UX design and system communication analysis.

Audits UI elements for accessibility compliance, checking contrast ratios, font sizes, tap targets, and heading hierarchy against WCAG standards.

Validates animations, transitions, and micro-interactions in React interfaces using shadcn/ui to ensure polished user experiences.

Validates frontend design patterns in shadcn/ui projects to prevent generic aesthetics and enforce distinctive, branded UI during React development.

Generates, edits, and composes images using Google's Gemini AI API, streamlining design workflows and visual content creation for creative professionals.

Validates UI component usage against design system specifications, checking variants, required props, deprecated components, and disallowed prop combinations.

Extracts visual patterns (contrast, shapes, density) from references and generates an Aesthetic Pattern Library for design teams.

Enforces brand guidelines for UI copy, color usage, and component consistency. Validates against brand tone and design rules in user interfaces.

Generates ASCII diagrams to visualize user navigation flows, screen transitions, and journey paths for UI/UX design.

Generates ASCII-based information architecture diagrams for UI/UX, mapping screen hierarchies, navigation structures, and content organization.

Analyzes art and design history to identify traditions, spot clichés, and avoid AI-generated trends in creative work.

Analyzes visual composition elements including spatial relationships, balance, and layering, outputting compositional rules as Memo nodes in Brain canvas.

Defines temporal aesthetics for motion design including speed, acceleration, and balance, generating a Motion Bible in Brain canvas memo nodes.

Creates distinctive, production-grade frontend interfaces with high design quality, avoiding generic AI aesthetics. Generates polished code and UI for web components, pages, and applications.