Skill UI

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

A comprehensive guide covering the fundamental principles of interactive entertainment design. This resource details core loop creation, structuring a Game Design Document (GDD), analyzing player psychology (motivation, reward schedules), balancing difficulty (flow state), and designing effective progression systems. It is essential for game developers, product managers, and creative designers planning engaging user experiences.

Provides comprehensive guidance on implementing standard user interface controls according to Apple's Human Interface Guidelines (HIG). It details the appropriate use cases for toggles, segmented controls, pickers, sliders, and other input elements, ensuring designs are consistent, accessible, and optimized for the Apple ecosystem.

A comprehensive guide detailing the core principles of Apple's Human Interface Guidelines (HIG). It covers essential topics such as accessibility (VoiceOver, Dynamic Type), utilizing system colors and materials, adhering to platform conventions, and best practices for typography, layout, and motion. Use this guide to ensure your application design is native, inclusive, and highly polished across all Apple operating systems.

A comprehensive guide for designing cross-device applications across the Apple ecosystem. This skill helps developers adhere to the specific Human Interface Guidelines (HIG) for various platforms—including iOS, macOS, watchOS, tvOS, and visionOS. It emphasizes adapting design principles (e.g., touch-first vs. pointer-based vs. spatial) while maintaining brand consistency, ensuring a native and optimal user experience regardless of the operating system.

A comprehensive toolkit for senior UI designers to build robust and scalable design systems. It guides the generation of design tokens (colors, spacing, typography), structuring component libraries (Atoms to Organisms), implementing responsive layouts, and preparing detailed developer handoff documentation. Essential for maintaining visual consistency and bridging the gap between design and development.

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.

Generates high-fidelity mobile and web UI/UX mockups with atomic design principles, responsive layouts, and accessible design tokens via muapi.ai for product requirements that need professional wireframes or design systems.

This skill provides access to a comprehensive, high-quality icon library designed for modern UI/UX systems. It ensures superior visual consistency across digital products by offering multiple premium styles (Linear, Bold, Two-tone). Users can find existing icons or leverage the integrated AI generator to create unique, perfectly styled custom icons, elevating the design professionalism beyond standard generic sets.

This comprehensive guide outlines world-class product design principles, mimicking Apple's standard. It covers building robust design systems, defining essential design tokens (color, typography, spacing, motion), structuring UI components (atoms to organisms), optimizing UX flows, and designing engaging onboarding experiences. Ideal for product designers and PMs needing to establish a cohesive, scalable visual language and improve overall user experience.

A comprehensive, systematic framework for auditing and improving web UI designs and frontend code. It teaches core principles like grayscale-first design, constrained scaling (for spacing, type, and color), and establishing clear visual hierarchy. Use this guide when needing to refine an existing UI that 'looks off,' or requires professional structural and aesthetic improvements.

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.