5. Design & Creative

Applies proven design system patterns from Shopify Polaris, Stripe, and GitHub Primer to choose tokens, compose components, and structure layouts for UI design and refactoring.

Provides modern Tailwind CSS patterns for UI component styling and design token architecture, enabling efficient UI system development.

Creates distinctive, production-ready frontend interfaces with intentional aesthetics and high visual craft for web UIs, components, and dashboards.

Advanced UI/UX design intelligence with 50 styles, 21 palettes, 50 font pairings, and 9 stacks for complex UI components and high-conversion landing pages.

Guides pre-implementation exploration of user intent, requirements, and design to inform feature development and component creation.

Enforces prepress rules to validate print-ready files for design and publishing workflows.

Generates Open Graph images and designs shareable UI components for social media integration, including WhatsApp optimization and share modals.

Guides pre-implementation exploration of user intent, requirements, and design for feature creation and component development.

Guides creation of distinctive, production-grade frontend interfaces with authentic UI/UX design, avoiding generic aesthetics for web components and applications.

Guides pre-implementation exploration of user intent and design to inform feature creation and component development.

Generates distinctive, award-winning UI designs that avoid generic aesthetics, ensuring visually striking and memorable user interfaces for new components and features.

Applies persona-aware animations and layouts to enhance landing pages, galleries, and demos with safe, engaging visual experiences.

Designs video concepts, scripts, shotlists, and editing notes for AI video tools (VEO, Gemini, Nano Banana) to convert marketing ideas into video assets.

Processes images through conversion, resizing, cropping, and optimization using ImageMagick for design and creative asset preparation.

Creates full social media playbooks with scripts, visuals, captions, hooks, and thumbnails for multi-platform campaigns across YouTube, TikTok, Instagram, Facebook, LinkedIn, and Shorts/Reels.

Provides visual design constraints for UI/UX, frontend layouts, and new components outside established design systems.

Creates distinctive, production-ready web interfaces with intentional design choices, avoiding generic AI aesthetics for a polished user experience.

Provides a Floating Action Button (FAB) component for forms, keeping Save/Cancel actions accessible while scrolling through long content.

Enforces consistent design system implementation using Tailwind CSS tokens and visual style guidelines.

Provides DaisyUI Emerald theme styling patterns for forms, cards, buttons, and tables with color schemes and visual effects.

Creates and manages a project's visual identity, including color palettes, typography, and graphic elements for cohesive branding.

Creates user experience designs and wireframes for intuitive user interfaces.

Guides developers in implementing the Fohlio UI Kit, a React-based design system using Headless UI, Floating UI, and Tailwind CSS v4.

Applies Atomic Design methodology to structure UI components into atoms, molecules, and organisms for scalable design systems.