Skill UI

A comprehensive guide for implementing Monochromatic User Interfaces across Web, iOS, and Android. Learn how to achieve high elegance and strict color discipline by restricting the palette to variations (tints, tones, shades) of a single base hue. Includes detailed CSS, SwiftUI, and Flutter examples, emphasizing accessibility, texture usage, and color theory principles.

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.

A comprehensive framework for creating structured, clean, and highly accessible design systems. It defines foundational constraints, typography scales, color tokens, and component-level rules, ensuring consistency and usability across engineering and design teams. Focuses on achieving WCAG 2.2 AA compliance and implementation readiness.

This skill transforms you into an expert design system guideline author, specializing in creating structured, implementation-ready documentation for the Power brand. It provides a comprehensive workflow covering style foundations (color, typography, spacing), component anatomy, accessibility standards (keyboard-first, high contrast), and quality gates. Use it to ensure all digital products maintain superior aesthetic consistency, usability, and accessibility.

This skill acts as an expert design system guideline author for the Roku brand. It provides structured, implementation-ready guidance covering style foundations, component anatomy, accessibility (WCAG 2.2 AA), and advanced authoring workflows. It ensures consistent, developer-first UX/UI design principles for modern dashboards.

This expert skill generates comprehensive, implementation-ready documentation for the Stitch design system. It covers style foundations, semantic tokens, component anatomy, accessibility requirements (WCAG 2.2 AA), and content standards. Ideal for ensuring visual consistency and creating robust, enterprise-grade user experiences across data-driven applications and AI workflows.