Skill UI

Guides teams through discovery, research, moodboards, palettes, typography, and Tailwind-ready code so they can ship distinctive, accessible front-end experiences with process validation.

Automates Figma workflows through Rube MCP and Composio, covering file inspection, component/token extraction, exports, comments, and team browsing while guiding schema discovery before each run.

A comprehensive guide to elevating UI design beyond generic templates. It outlines a rigorous methodology for creating visually distinctive and intentional user experiences, focusing on grounding design in the subject matter, deliberate choices in typography and palette, and structuring content for maximum impact. Ideal for product designers and frontend developers aiming for a unique, signature aesthetic.

A comprehensive guide covering core principles for game art production. It details art style selection (Pixel Art, PBR 3D, etc.), structured 2D and 3D asset pipelines, color theory, animation guidelines (including the 12 principles), and professional asset organization standards. Ideal for artists and designers managing the entire game art lifecycle.

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.

Automated guidance for Graphviz dot generator requests, covering best practices, production-ready code, standard patterns, and validation for diagrams, charts, and visual documentation.

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 Apple's Human Interface Guidelines (HIG) for various presentation components. Learn best practices for implementing alerts, sheets, popovers, action sheets, and digit entry views across platforms (iOS, macOS, etc.) to ensure a seamless and intuitive user experience.

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 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 to the Apple Human Interface Guidelines (HIG), detailing best practices for designing seamless and intuitive user experiences across various interaction scenarios. It covers key principles such as minimizing modality, providing clear feedback, handling data entry, progressive onboarding, and managing complex features like sharing and drag-and-drop, ensuring your application feels native and polished.

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.