Skill UI

Automate Canva tasks via Rube MCP's Composio toolkit, covering listing, creating, uploading, exporting, organizing, and autofilling designs with brand templates while respecting async job patterns.

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 applies principles of behavioral psychology and choice architecture to redesign user experience (UX) flows. It is used when a product's conversion friction is rooted in interaction design, not just copy. By auditing cognitive load, defining optimal default paths, and inserting strategic commitment points, it guides users toward desired actions ethically, maximizing commitment while preserving autonomy. Ideal for improving onboarding, checkout funnels, and complex decision-making sequences.

Automate Canva design workflows via Rube MCP's Composio toolkit, covering listing, creating, exporting, uploading, organizing, and autofilling brand templates with asynchronous job polling for reliable results.

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.

This skill provides a comprehensive blueprint for designing digital products within Figma. It systematically maps out entire user journeys, including happy paths, loading states, error conditions, empty states, and edge cases. By defining the complete flow and suggested file structure beforehand, it prevents scope creep and ensures designers account for every necessary screen variant before starting the actual design work.

This skill systematically defines all necessary variants, states, and properties for a Figma component before development. It ensures comprehensive coverage of all states (e.g., Hover, Disabled, Loading) and properties (e.g., Size, Type), generating a robust variant matrix that prevents critical design gaps and streamlines the entire component building process in Figma.

A comprehensive guide for implementing the "More is More" aesthetic. This style thrives on sensory overload, clashing neon colors, complex layered gradients, and chaotic typography mixes. Use this when the design needs to feel vibrant, intense, and visually dense, perfect for attention-grabbing web or app interfaces.

Inclusive Design addresses who might be excluded by product assumptions, going beyond basic accessibility standards (WCAG). It ensures designs respect the real-world context, identity, language, culture, economic constraints, and cognitive load of the user. Use this skill when considering globalization, low-bandwidth use, diverse user populations, or first-time, low-confidence users.

A comprehensive audit guide for the final pre-upload submission of UIST (User Interface Software and Technology) conference papers. This document details critical steps, including adhering to strict formatting rules (e.g., two-column layout, page limits), managing the abstract and paper deadlines, and executing thorough anonymity sweeps to prevent desk rejection. Essential reading for authors preparing for major academic conferences.