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 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.

Magic Animator is an AI-powered skill designed for designers to breathe life into static visuals. It transforms flat logos, UI elements, and icons into engaging, premium motion assets. Use it to create micro-interactions, sophisticated loaders, and memorable brand reveals for web, apps, and social media, ensuring a high "wow" factor and dramatically improving user experience.

Generates Morph-animated PowerPoint decks via officecli, guiding through planning brief creation, scene actor naming, ghosting rules, and safe CLI usage so presenters get smooth transitions and repeatable builds.

This comprehensive workflow manages the entire Canva creative pipeline. Users can upload, read, and modify design assets (images, files) via API. Key features include autofilling brand templates using dynamic data (text, images, charts) and programmatically organizing generated designs into specific folders, significantly streamlining the content creation process.

Generates a high-conversion, single-column HTML email optimized for product launches, newsletters, and brand announcements. This skill structures the email with key components including a masthead, hero image block, dynamic headline lockup, specifications grid, and a single primary CTA, ensuring a professional and cohesive marketing message.

HyperFrames is a comprehensive framework that treats HTML as the source of truth for video production. It allows users to create complex video compositions, including animated title cards, dynamic captions synced to audio, advanced text-to-speech narratives, and sophisticated audio-reactive visuals (like beat synchronization). The tool manages the entire video workflow, from composition authoring and timing to scene transitions (crossfades, wipes) and final rendering.

Generate production-ready images for SEO: OG/social previews, blog heroes, schema images, product photos, infographics, and more. Uses Gemini via nanobanana-mcp, with aspect ratios, resolutions, and domain modes optimized for each use case. Includes post-generation SEO checklist for alt text, file naming, WebP conversion, schema markup, and OG meta tags.

Provides expert-level, implementation-ready guidelines for Skeuomorphism design systems. It covers foundational elements like color palettes, typography scales, and spacing rules, combined with WCAG 2.2 AA accessibility standards. Users can build intuitive, familiar, and highly relatable digital interfaces by mimicking real-world textures and physical metaphors.

This skill performs a comprehensive audit of Figma component libraries. It checks for naming inconsistencies, component coverage gaps, variant completeness, and overall design system health. The output provides a structured report with prioritized issues, actionable naming conventions, and a step-by-step fix plan, ensuring design consistency across products.

Provides comprehensive guidelines and code examples (CSS, SwiftUI, Flutter) for implementing modern, dynamic gradient designs. Ideal for projects needing vibrant transitions, animated backgrounds, and an energetic, contemporary aesthetic. Learn how to apply complex color blending to backgrounds, text, and borders across major platforms.

A comprehensive style guide and implementation reference for the Retro Futurism aesthetic. Perfect for designing interfaces that evoke the 1950s and 1960s space age, atompunk, or mid-century modern vibes. It outlines core principles, color palettes, typography, and provides cross-platform code examples (CSS, SwiftUI, Flutter, React Native) to achieve sleek, aerodynamic, chrome finishes.