5. Design & Creative

Applies CGI branding guidelines, including color palettes and typography, to generate consistent UI components in CSS and Tailwind.

Generates structured UI prompts from wireframes and design specs for Google Stitch (Gemini 2.5), enabling multi-screen prototyping and incremental refinements.

Creates dynamic videos, animations, and motion graphics through React-based programmatic composition for web applications.

Generates distinctive, production-grade frontend interfaces with high design quality, avoiding generic AI aesthetics for web components, pages, and UIs.

Integrates Framer Motion for smooth, production-grade UI animations in Remotion-based video projects.

Enforces mobile-first web design consistency using utility classes, design tokens, and BEM components without inline styles or Tailwind, for HTML, React, and Astro projects.

Generates accessible CSS code compliant with WCAG 2.2 Level AA standards for UI components and layout design.

Generates color palettes and design tokens for consistent UI/UX design implementation prior to coding.

Generates Mermaid diagrams in Markdown for technical documentation, including flowcharts, ERDs, and sequence diagrams, with cross-platform rendering support.

Provides optimized workflows for creating high-quality videos using Remotion, a React-based video generation library.

Offers tools and methodologies for creating intuitive user interfaces and enhancing user experiences through established design principles.

Provides a comprehensive UX implementation checklist for Next.js and React applications, covering user flows, accessibility, responsive behavior, and UI polish.

Creates distinctive, production-grade frontend interfaces using cohesive design systems, typography, and color systems to avoid generic UIs.

Provides unified brand identity guidelines for Clue Symptom Tracker, ensuring consistent visual design and compassionate tone across all user-facing touchpoints.

Reviews SwiftUI/UIKit code for Apple HIG compliance, accessibility checks, and design implementation audits.

Performs visual design quality assurance for web interfaces, ensuring responsive layouts, Tailwind CSS consistency, and WCAG 2.1 AA accessibility compliance.

Provides end-to-end iOS app design workflow from concept to implementation, covering feature planning and architecture.

Generates SwiftUI code for iOS interfaces adhering to Apple's Human Interface Guidelines (HIG), providing design-compliant UI components.

Quick reference to Apple's iOS Human Interface Guidelines for design consistency and best practices in user interface development.

Generates Instagram content including posts, stories, and captions that align with brand identity for cohesive social media marketing.

Enables creation, editing, and analysis of PowerPoint presentations (PPTX files), including content modification, layout adjustments, and speaker notes.

Generates production-ready, aesthetically distinct frontend UI designs and polished web components, avoiding generic AI aesthetics using modern frameworks.

Generates original visual designs for static outputs (posters, artwork) in PNG/PDF format, adhering to design philosophy and avoiding copyright infringement.

Generates Slack-optimized animated GIFs with validation tools and animation constraints to meet platform requirements.