Skill UI

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.

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

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.

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

Offers automated guidance for building Mermaid state diagrams, covering best practices, code generation, and validation to streamline visual documentation requests.

Create structured moodboards that synthesize inspiration from trend research or site analysis, refining colors, typography, and patterns through iterative user feedback before implementation.

Provides automated guidance for creating org charts, including best practices, visual documentation workflows, and ready-to-use diagrams when discussing organizational visuals.

Guides users through plantuml diagram generator tasks, covering activation triggers, best practices, and production-ready code for visual content work.

Automates guidance for outlining presentation slides within visual content workflows, following industry best practices and generating production-ready outputs.