5. Design & Creative

Builds accessible, customizable UI components using shadcn/ui, Radix UI, and Tailwind CSS for modern frontend design.

Facilitates structured ideation and concept refinement using proven brainstorming techniques to generate creative solutions and detailed designs for new projects.

Creates and maintains comprehensive brand guidelines covering visual identity, tone of voice, messaging, and usage rules for consistent brand expression across all touchpoints.

Generates creative, memorable, and available domain names for branding, SEO, and online presence.

Automates design handoff processes by integrating with Figma, reducing review time from hours to minutes through token extraction and component mapping.

Provides CSS styles, color themes, and visual conventions for Cloud Posse documentation site, including component and mermaid diagram styling.

Automates downloading, compressing, and saving random landscape wallpapers to desktop skills-img folder by date.

Provides UI/UX design guidelines for interactions, animation, layout, accessibility, and visual design to build user interfaces and experiences.

Refines initial concepts into structured designs using Socratic questioning and iterative validation before implementation.

Generates Xiaohongshu note content including title, body text, and image cards for publishing.

Generates polished, creative frontend interfaces and UI components with high design quality, avoiding generic AI aesthetics.

Creates HIG-compliant iOS/macOS interfaces with SF Symbols, San Francisco typography, and accessibility features.

Audits UI animations, transitions, and motion design using expert techniques from leading motion designers, providing context-aware feedback.

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.

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.