Skill UI

Automates user journey mapper tasks in the Visual Content domain by triggering whenever you mention user journey mapper needs, then guiding each step, applying best practices, and generating validated diagrams, charts, and documentation-ready material.

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.

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.

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 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.

This intelligent studio acts as a visual creative director, automatically routing image requests to the optimal specialized AI model. It handles hyper-realistic portrait generation (for influencers/professional photos) and advanced artistic creation, illustration, and photo manipulation (upscale, inpainting, background removal). Use it for professional content creation requiring specialized visual expertise.

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.

This framework outlines the 'Hook Model' (Trigger, Action, Variable Reward, Investment) for building deeply engaging, habit-forming product loops. It guides designers in optimizing user retention, understanding behavioral psychology, and structuring product features to move users from deliberate usage to automatic, routine behavior. Use it for onboarding, feature design, and improving long-term user stickiness.

Automatically orchestrates 1-3 available skills into a cohesive, emotionally resonant deliverable whenever the user asks for “surprise me,” inspiration, or something unexpected, prioritizing visual flair and playful storytelling.

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.

Automates Figma workflows via Composio's Rube MCP client, covering file inspection, exports, design token extraction, comments, and project browsing while enforcing tool discovery first.

This skill provides a comprehensive guide on programmatically interacting with the Lucidchart API. It demonstrates how to create new documents, add structured shapes and connecting lines using standard import formats, and finally export the finished diagram (e.g., as PNG). It is ideal for automating the visualization of architecture diagrams, system workflows, or business processes within an application.