Skill UI

Leverage the Gamma API to rapidly generate diverse, professional content formats, including interactive presentations, detailed documents, and modern webpages. This skill supports comprehensive parameter control, allowing users to define content, select specific themes, dictate image styles, control text density, and choose output formats (PDF, PPTX, etc.). Ideal for content creators who need to transform raw text prompts into polished, multi-media assets across various professional use cases.

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.

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.

Transforms LaTeX or PDF papers into interactive websites, narrated videos, and print-ready posters via the Paper2All pipeline, ideal for conference preparation, research promotion, and explorable academic showcases.

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.

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 skill provides seamless integration with Unsplash, offering access to a massive, curated collection of high-quality, free-to-use professional photography. It is essential for elevating the visual quality of websites, apps, and marketing designs. Use it to source artistic, premium imagery for hero sections, product galleries, and editorial layouts, eliminating the need for generic placeholders and cliché stock photos.

A comprehensive, systematic framework for auditing and improving web UI designs and frontend code. It teaches core principles like grayscale-first design, constrained scaling (for spacing, type, and color), and establishing clear visual hierarchy. Use this guide when needing to refine an existing UI that 'looks off,' or requires professional structural and aesthetic improvements.

This skill guides the creation of world-class, immersive web designs, aiming for Awwwards-level quality. It emphasizes intentional typography, purposeful motion, and sophisticated visual composition. Users can leverage the detailed scoring rubric (Typography, Composition, Motion, etc.) to review and elevate existing designs, ensuring every pixel is deliberate and performance-optimized.

This comprehensive guide provides principles for selecting, pairing, and implementing typefaces for optimal web readability. It covers advanced topics such as line height optimization, responsive typography, CSS implementation, and performance best practices. Use this when focusing on improving content legibility for long-form articles, dashboards, or general UI systems.