Skill UI

Automates database schema visualization tasks by guiding diagram creation, recommending best practices, producing ready-to-use code, and validating visual documentation for systems that need clear relational overviews.

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

This skill provides AI-powered capabilities for advanced image manipulation. It specializes in style transfer, allowing users to apply the aesthetic characteristics of one image to another, and object removal, enabling seamless retouching by eliminating unwanted elements. It is essential for designers, photographers, and artists requiring high-quality, creative photo editing and visual enhancement.

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.

Provides structured guidance for distinctive, intentional visual design of frontend interfaces. Helps break generic AI-style patterns by grounding choices in subject matter, typography, and visual structure. Useful for designers and developers building new UI or reshaping existing interfaces with a unique aesthetic direction.

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.