Skill UI

A comprehensive guide and assistant for designing and implementing user interface components (menus, buttons, toolbars) strictly following Apple's Human Interface Guidelines (HIG). It covers best practices for structure, hierarchy, contextual behavior, and platform-specific considerations across iOS, macOS, and visionOS.

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.

A comprehensive guide for implementing spatial, mixed-reality user interfaces. Inspired by Apple Vision Pro and AR aesthetics, this pattern uses environmental transparency, blurred glass-like panels, and dynamic lighting effects to create deeply integrated, context-aware layouts for web and mobile applications.

Inclusive Design addresses who might be excluded by product assumptions, going beyond basic accessibility standards (WCAG). It ensures designs respect the real-world context, identity, language, culture, economic constraints, and cognitive load of the user. Use this skill when considering globalization, low-bandwidth use, diverse user populations, or first-time, low-confidence users.

This skill provides comprehensive tools for creating and refining visual assets. It supports generating entirely new images, artwork, diagrams, or product mockups using advanced AI models. It also facilitates sophisticated image editing, allowing users to preserve, modify, or combine elements from existing visuals turn by turn. Ideal for designers, marketers, and content creators needing high-quality, context-aware visual content.