Skill UI

This skill acts as a Visual Psychologist and Environmental Researcher, guiding the systematic mapping of visual elements—including color, typography, spacing, and imagery—to desired emotional states and conversion goals. It ensures that design decisions are strategic, supporting persuasion and brand narrative rather than merely being decorative. Use it when you need visuals to evoke a specific feeling (e.g., trust, urgency, calm) for a defined target audience, while respecting cultural and accessibility constraints.

A comprehensive skill for generating non-generic, professional frontend interfaces, perfect for landing pages, portfolios, and product redesigns. This agent enforces a strict design methodology: reading the user's brief (audience, vibe, constraints) first, configuring global design dials (variance, motion, density), and recommending real, industry-standard design systems (like Material or Fluent UI) to ensure the output is always polished and contextually appropriate.

Automatically orchestrates 1-3 available skills into a cohesive, emotionally resonant deliverable whenever the user asks for “surprise me,” inspiration, or something unexpected, prioritizing visual flair and playful storytelling.

This skill scaffolds a complete, cohesive, mobile-first page structure, ensuring consistency across the entire application. It guides the user to define the page's core purpose, apply the Information Pyramid, and compose the layout using established design systems and existing components (shell, navigation, cards). It is ideal for starting new product flows or developing new screens while maintaining professional structural integrity and mobile-first best practices.

This skill provides a deep audit of user experience (UX) and usability, going beyond basic visual checks. It systematically evaluates screens, flows, and components against Nielsen's 10 usability heuristics and modern mobile best practices. Use it when you need to identify structural flaws, cognitive load issues, or navigation regressions in a product design, providing prioritized issues, violated heuristics, and concrete remediation steps.

This skill generates concise, tone-consistent microcopy for various UI states, including buttons, error messages, empty states, toasts, and form guidance. Inspired by a casual yet polite voice, it ensures that product messaging is actionable, helpful, and aligns with a consistent brand tone, moving beyond generic or robotic wording.

This skill helps enhance the robustness of data-dependent user interfaces (UIs) by implementing the four critical feedback states: loading, empty, error, and success. It ensures that applications provide clear, graceful, and actionable feedback regardless of data fetching status, making the product reliable and user-friendly.

This skill helps design the complete user journey or 'flow' before building individual screens. It applies established UX principles (like progressive disclosure and hub-and-spoke models) to define entry points, exit paths, and the overall navigation architecture. Use it for complex tasks like onboarding, checkout, or multi-step features to ensure a coherent, logical, and highly intuitive user experience.

This skill acts as an elite Art Director for generating premium, highly actionable, and structurally sound frontend design references. It moves beyond generic AI aesthetics by enforcing principles like strong hierarchy, generous spacing, and image-led composition. Ideal for creating realistic, development-ready concepts for landing pages, hero sections, and multi-section websites.

This skill provides a comprehensive guide on programmatically interacting with the Lucidchart API. It demonstrates how to create new documents, add structured shapes and connecting lines using standard import formats, and finally export the finished diagram (e.g., as PNG). It is ideal for automating the visualization of architecture diagrams, system workflows, or business processes within an application.

This comprehensive tutor develops advanced visual literacy and design thinking skills. It covers core disciplines including art history, color theory, typography, and UX/UI principles. Users learn through structured critique, mastering foundational concepts like Gestalt principles, C.R.A.P. principles, and formal analysis. Ideal for improving creative portfolios, analyzing art, and refining fundamental design skills across any medium.

An expert assistant simulating a Senior Apple Design Lead. This skill provides comprehensive guidance on the Apple Human Interface Guidelines (HIG) for iOS, macOS, and visionOS. It helps users design, audit, and refine applications to maintain native integration, incorporating advanced aesthetics like the 'Liquid Glass' look and ensuring accessibility compliance from the start. Use it for initial design conceptualization or systematic app audits.