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.

Automates database schema visualization tasks by guiding diagram creation, recommending best practices, producing ready-to-use code, and validating visual documentation for systems that need clear relational overviews.

Automates Mermaid ER diagram creation by guiding users through best practices, generating production-ready code, and validating diagrams for visual content tasks triggered by ER diagram requests.

Automates guidance and code generation for delivering network diagrams, following best practices and validation checks whenever you request help with diagramming or visualization tasks.

Guides users through plantuml diagram generator tasks, covering activation triggers, best practices, and production-ready code for visual content work.

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.

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.

Provides actionable guidance and review checklists for modern clean UI/UX, emphasizing CRAP principles, task-first flows, information architecture, system feedback, consistency, and refined iconography.

A comprehensive workflow for advanced creative AI tasks, specializing in video and image manipulation. This tool enables image-to-video animation (turning static photos into motion), video-to-video style transfer (applying artistic styles to existing footage), and general creative content generation using models like Gen-3 Alpha Turbo. Ideal for professional video editors and digital artists.

A comprehensive, expert-level guideline for building Agentic User Interfaces (UIs). This system emphasizes conversational interactions, clear outcomes, and minimal user controls, allowing users to delegate complex tasks to AI. It provides structured rules covering color tokens, typography, accessibility (WCAG 2.2 AA), and component anatomy for professional developers and designers.

This skill guides the planning and structuring of Figma prototypes specifically for usability testing and user research. It helps define the precise scope (in/out scope), specifies every interaction detail (trigger, elements, animations), builds comprehensive flow diagrams, and generates detailed test task scripts. It ensures the prototype is the minimum viable version needed to answer the research questions, preventing scope creep and over-engineering.

This skill performs a comprehensive usability audit and heuristic evaluation of interactive user interfaces (UIs). It goes beyond mere visual aesthetics, assessing whether a system is intuitive, easy to learn, and functional for a first-time user. Use it when auditing complex tools, editors, or apps to ensure the user can complete primary tasks without needing extensive instructions or guidance.