Skill UI

This skill provides functionality to upscale and enhance the resolution of both images and videos using advanced Artificial Intelligence models. It is useful for improving visual quality, restoring detail, and increasing the clarity of low-resolution media assets for creative and professional use.

A comprehensive guide covering core principles for game art production. It details art style selection (Pixel Art, PBR 3D, etc.), structured 2D and 3D asset pipelines, color theory, animation guidelines (including the 12 principles), and professional asset organization standards. Ideal for artists and designers managing the entire game art lifecycle.

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.

Toolkit for senior UI designers that creates design tokens, component specs, responsive rules, and developer handoff assets. Apply it when building or evolving design systems to keep UI consistency and make design-dev collaboration smoother.

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.

This skill provides comprehensive customization for the Windsurf IDE's visual environment. Users can configure color schemes, optimize fonts for readability, adjust UI scaling, and enable advanced accessibility features to ensure compliance with standards like WCAG 2.1. It is essential for creating personalized, highly accessible, and efficient working environments.

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.

Build immersive, cinematic, and premium 2.5D interactive websites using advanced scroll storytelling, parallax depth, and text animations. This skill simulates high-end web design effects (like Apple's product pages) using only static assets, CSS, and JavaScript, eliminating the need for WebGL or complex 3D software. Use it for landing pages, product sites, and any section requiring a deep, cinematic feel.

Guides designers through using the Penpot MCP tools to craft professional UI/UX for web, mobile, and desktop apps, covering workflows, design systems, accessibility checks, and setup/troubleshooting steps for the Penpot MCP server.

Execute a comprehensive creative workflow utilizing the Adobe Firefly v3 API. This tool supports advanced AI image generation from text prompts (text-to-image), generative fill for inpainting masked areas, and image expansion (outpainting) to grow canvas size. Ideal for automating marketing asset creation and building complex creative pipelines.

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.