Skill UI

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.

This workflow executes the primary Ideogram API calls for advanced text-to-image generation. Ideogram excels at rendering legible text within images, a crucial capability for creating realistic signs, menus, or branding elements. Use this for generating high-quality social media graphics, marketing banners, product mockups, and posters that require accurate and stylized typography combined with illustration.

Automated guidance for generating infographic outlines, applying best practices across diagrams, charts, presentations, and visual documentation, with checks to keep outputs production-ready.

Guides creating memorable interactive portfolios that win jobs and clients by balancing experience design, conversion psychology, and tailored storytelling for developers and creatives.

Guides building native-feeling macOS interfaces, covering layout/composition, traffic lights, draggable chrome, shortcuts, light/dark mode, visuals, animations, drag-and-drop, and onboarding for desktop tools whether React, Electron, or native.

Automates mermaid flowchart generator guidance, producing code, configuration, and validation for visual content scenarios such as diagrams, charts, and presentations with best-practice recommendations.

Design a PostgreSQL-specific schema. Covers best-practices, data types, indexing, constraints, performance patterns, and advanced features

Automates svg icon generation guidance with best practices, production-ready snippets, and validation for visual content scenarios like diagrams, charts, and presentations.