Skill UI

Automates Figma workflows through Rube MCP and Composio, covering file inspection, component/token extraction, exports, comments, and team browsing while guiding schema discovery before each run.

Guides the creation of Mermaid sequence diagrams by offering best-practice patterns, code generation, and validation suited for visual documentation or presentation workflows.

Automates guidance for mindmap generator requests, offering best practices, production-ready configurations, and validation for diagrams, charts, and visual documentation workflows in the Visual Content domain.

Provides automated guidance for creating org charts, including best practices, visual documentation workflows, and ready-to-use diagrams when discussing organizational visuals.

Automates guidance for outlining presentation slides within visual content workflows, following industry best practices and generating production-ready outputs.

Provides Nano Banana Pro workflows for research talk slides, covering planning, slide generation, citations, and visual continuity for PowerPoint or LaTeX Beamer.

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.

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.

This expert acts as a Design Systems Lead and Prompt Engineer for creating high-fidelity, consistent UI designs. It transforms vague ideas into structured specifications by enhancing prompts with professional UI/UX terminology, synthesizing design system source files, and managing multi-step generation and editing workflows using the Stitch MCP.

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.

This skill provides expert-level, comprehensive guidelines for building a cohesive and playful design system, optimized for landing pages and creative projects. It defines foundational elements using semantic tokens, covering typography, color palettes, and spacing. The system mandates WCAG 2.2 AA accessibility, defining rigorous component anatomy, interaction states, and detailed authoring workflows to ensure both aesthetic appeal and cross-platform usability.