5. Design & Creative

Builds scalable UI design systems with Tailwind CSS, design tokens, and component libraries for consistent, responsive user interfaces.

Creates optimized text prompts for AI image generators to produce compelling hero images for blog posts.

Generates Mermaid diagrams for blog posts with a consistent sky/zinc color theme, enhancing visual content with flowcharts and sequence diagrams.

Provides comprehensive guidelines for building consistent, accessible, and scalable design systems in digital products.

Guides on applying UX design principles for intuitive, accessible, and user-centered digital experiences.

Provides expert guidelines for building high-performance animations using the Motion (formerly Motion One) vanilla JavaScript library, optimizing user experience.

Provides best practices for creating accessible, performant, and user-friendly UIs following modern web standards.

Expert guidance for creating high-performance animations with GSAP, enhancing web user experiences through smooth, complex motion effects.

Provides expert guidance for creating smooth, high-performance animations using the Anime.js library in web development projects.

Reviews website design for responsive layout, accessibility, and visual consistency, then applies code-level fixes to resolve identified issues.

Generates images using Nano Banana service via USDC micropayments on Base blockchain, requiring no API keys.

Conducts WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance for web design patterns.

Generates design-focused images including frontend, illustrations, and graphics using Google's Gemini 2.5 Flash.

Generates Open Graph preview images and configures social sharing meta tags using the project's design system for optimal social media display.

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

Pre-implementation tool for exploring user intent, requirements, and design before feature creation or component development.

Guides UI component creation, styling, and responsive design patterns while addressing design thinking and anti-patterns.

Documents UI states and design decisions as portable artifacts (stories and MDX docs) for interactive review by engineers and QA.

Provides expert UI/UX design services including component creation, design systems implementation, responsive layouts, and Figma analysis for digital products.

Generates UI designs via Google Stitch AI with optimized prompts for efficient visual output.

Creates presenter and UGC-style videos for educational, testimonial, demo, and personal branding content.

Generates professional Mermaid diagrams including flowcharts, sequence diagrams, and class diagrams with proper styling and visual hierarchy.

Reviews UI code for compliance with Web Interface Guidelines, including accessibility and UX best practices.

Promotes CSS-first UI enhancements using layout, styling, and animations without JavaScript via CSS Grid, Flexbox, and transitions.