Skill UI

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.

An expert-level skill set covering the entire spectrum of user-centered design. Mastery includes building scalable design systems using atomic principles and design tokens, conducting deep user research (usability testing, persona creation), ensuring WCAG accessibility compliance, and managing cross-platform implementation (web, mobile, desktop). Ideal for developing complex, inclusive, and highly structured digital products.

Comprehensive web and mobile design intelligence offering prioritized UX rules, 50+ styles, color palettes, typography pairings, and chart guidance to inform component design, accessibility checks, and landing/dashboard reviews.

Generates high-fidelity mobile and web UI/UX mockups with atomic design principles, responsive layouts, and accessible design tokens via muapi.ai for product requirements that need professional wireframes or design systems.

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.

Defines a workflow skill design placeholder; intended as a template for creating structured automation steps and orchestrating multi-task flows once the actual content becomes available.

This skill provides a collection of curated micro-interactions, easter eggs, and clever UX patterns designed to elevate standard digital interfaces. Use it when polishing an existing feature or designing unique web behaviors (like hover states, loaders, or transitions) to move beyond generic templates and establish a strong, memorable brand personality. Focus on adding delightful, high-performance details that feel premium.

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.