Skill UI

Creates design philosophies and companion .pdf/.png artworks when asked for posters or static art, emphasizing spatial storytelling, minimal text, and meticulously crafted visual execution.

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.

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.

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.

Guides how to craft detailed prompts for Google Stitch so it generates high-quality web and mobile UI designs, covering specificity, visual style, multi-screen structure, platform targeting, and iterative refinement.

Research current UI/UX visual trends from Dribbble and related design communities to inform color, typography, layout, and interaction choices before starting a project.

A comprehensive toolkit for senior UI designers to build robust and scalable design systems. It guides the generation of design tokens (colors, spacing, typography), structuring component libraries (Atoms to Organisms), implementing responsive layouts, and preparing detailed developer handoff documentation. Essential for maintaining visual consistency and bridging the gap between design and development.

Guides researchers through creating conference-ready posters in LaTeX, covering layouts, visuals, AI-generated graphics, and overflow-safe design for academic communication.

Design research posters with HTML/CSS templates that export to PDF or PPTX when PowerPoint format is explicitly requested, integrating responsive layouts and AI-generated visuals for quick preview and iteration.

This skill provides access to a comprehensive, high-quality icon library designed for modern UI/UX systems. It ensures superior visual consistency across digital products by offering multiple premium styles (Linear, Bold, Two-tone). Users can find existing icons or leverage the integrated AI generator to create unique, perfectly styled custom icons, elevating the design professionalism beyond standard generic sets.

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.

This comprehensive guide outlines world-class product design principles, mimicking Apple's standard. It covers building robust design systems, defining essential design tokens (color, typography, spacing, motion), structuring UI components (atoms to organisms), optimizing UX flows, and designing engaging onboarding experiences. Ideal for product designers and PMs needing to establish a cohesive, scalable visual language and improve overall user experience.