Skill UI

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.

Visits target URLs to capture screenshots and inspect pages, then extracts palettes, typography, layouts, and repeatable UI patterns so design teams can document inspiration for new projects.

A comprehensive guide to controlling cinematic camera movements (pan, tilt, zoom, dolly, roll) in AI video generation (text-to-video and image-to-video). Learn how to utilize specific parameters to add professional dynamic shots, such as dramatic zooms, slow pans, or upward reveals, significantly enhancing the artistic quality of your AI-generated content.

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 class diagram generation by offering best-practice guidance, production-ready code, and validation steps within the visual content domain whenever you mention mermaid class diagrams or ask about related patterns.

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

Guides the creation of Mermaid sequence diagrams by offering best-practice patterns, code generation, and validation suited for visual documentation or presentation workflows.

Automate Miro board management via the Rube MCP toolkit, covering board discovery, item creation, sharing, and connectors with schema-aware tool calls.