Skill UI

An expert-level skill set covering the entire spectrum of user-centered design. Mastery includes building scalable design systems using atomic principles and design tokens, conducting deep user research (usability testing, persona creation), ensuring WCAG accessibility compliance, and managing cross-platform implementation (web, mobile, desktop). Ideal for developing complex, inclusive, and highly structured digital products.

This framework analyzes foundational design principles—such as affordances, signifiers, and conceptual models—to create products that are highly intuitive and discoverable. It guides analysis by bridging the 'Gulf of Execution' and the 'Gulf of Evaluation.' Use this when diagnosing confusing user interfaces, poor usability, or needing to ensure a product is robustly human-centered and easy to understand.

This framework provides a systematic guide for evaluating and improving user interface usability based on established heuristic principles. It covers core concepts like 'Don't Make Me Think' and 'Get Rid of Half the Words,' helping users conduct detailed usability audits, analyze navigation flow, and optimize copy. Use this when reviewing a product's user experience, addressing user confusion, or performing a formal UX review to enhance clarity and efficiency.

This skill provides a comprehensive audit of user interfaces, evaluating screens against Nielsen's 10 Usability Heuristics and modern mobile UX best practices. It systematically checks for critical usability flaws, design inconsistencies, accessibility gaps, and potential dark patterns, ensuring the resulting product delivers a superior and intuitive user experience across all platforms.

This skill guides the creation of comprehensive, implementation-ready design system guidelines based on contemporary, minimalist, and high-performance principles. It teaches authors to structure documentation covering design tokens, component anatomy, interaction states, and crucially, adhering to WCAG 2.2 AA accessibility standards, ensuring consistency and usability for both designers and engineers.

This skill provides expert-level, comprehensive guidelines for building a cohesive and playful design system, optimized for landing pages and creative projects. It defines foundational elements using semantic tokens, covering typography, color palettes, and spacing. The system mandates WCAG 2.2 AA accessibility, defining rigorous component anatomy, interaction states, and detailed authoring workflows to ensure both aesthetic appeal and cross-platform usability.

An expert AI designed to author comprehensive, implementation-ready design system guidelines specifically for editorial layouts. It structures documentation covering style foundations, component anatomy, accessibility requirements, and content tone, ensuring consistency and high usability in magazine-inspired UIs.

This skill acts as an expert guide for creating comprehensive, implementation-ready design system documentation. It focuses on defining brand foundations, design tokens, component anatomy, interaction states (hover, focus, error), and strict accessibility criteria (WCAG 2.2 AA). Ideal for designers and engineers who need to enforce visual consistency and usability standards across product development.

This comprehensive skill guides the creation of actionable, implementation-ready design system guidelines. It establishes foundational tokens, component anatomy, accessibility standards (WCAG), and strict authoring workflows for a playful, approachable UI style (Lingo). Ideal for ensuring enterprise-level design consistency and usability across engineering teams.

This skill is designed to enhance the overall feel and usability of user interfaces. Currently, this file is undergoing Japanese translation. Please refer to the original English skill file for detailed functionality and usage scenarios.

This comprehensive guide provides expert, implementation-ready design system guidelines for creating a high-contrast, playful, and premium user interface inspired by Tetris. It covers typography, color tokens, spacing, accessibility (WCAG 2.2 AA), and a detailed component authoring workflow, ensuring consistency and usability across all platforms.

This skill acts as an expert author for creating comprehensive, implementation-ready design system guidelines. It covers foundational elements, including brand identity, color tokens, typography scales, and spacing rules. It mandates structured documentation, component state definitions (default, hover, error, etc.), and strict adherence to WCAG accessibility standards, ensuring consistency and usability across all digital products.