Design Tools Agent Skills

Frontend Slides Creator

Generates high-quality, zero-dependency HTML presentations with rich animations and professional styling directly in the browser.

Frontend Development Patterns

Implements production-grade React and Next.js architectural patterns for scalable, high-performance web applications.

Frontend Slides

Generates zero-dependency, high-performance HTML presentations and pitch decks with rich animations and viewport-safe layouts.

Frontend Slides

Creates professional, animation-rich HTML presentations from scratch or PowerPoint files with a zero-dependency, viewport-safe approach.

Frontend Slides

Generates high-performance, animation-rich HTML presentations with zero dependencies and automatic PowerPoint conversion capabilities.

Frontend Development Patterns

Implements production-grade React and Next.js patterns to build high-performance, scalable, and maintainable user interfaces.

Modern Frontend Patterns

Provides a comprehensive suite of modern React and Next.js patterns to build high-performance, maintainable user interfaces.

Liquid Glass iOS Design System

Implements the iOS 26 Liquid Glass design language with dynamic materials, morphing effects, and interactive glass components across SwiftUI, UIKit, and WidgetKit.

Zeplin Automation

Automates Zeplin design workflows and asset management through the Rube MCP and Composio toolkit.

Renderform Automation

Automates visual asset generation and Renderform operations using Composio's Rube MCP integration.

Remove.bg Image Automation

Automates professional-grade image background removal directly within Claude using the Remove.bg toolkit and Rube MCP.

All Images AI Automation

Automates AI-powered image generation and management workflows through the Composio All Images AI toolkit.

Supportivekoala Automation

Automates dynamic image generation and visual asset creation through the Supportivekoala API and Rube MCP.

Visme Design Automation

Automates visual content creation, presentation management, and infographic design workflows within the Visme platform.

Claid AI Automation

Automates professional image editing and AI-powered visual processing through the Claid AI toolkit via Rube MCP.

Abstract Design Automation

Automates design version control and collaboration tasks in Abstract using the Rube MCP server.

HTML to Image Automation

Automates the conversion of HTML and CSS snippets into high-quality images using the Rube MCP and Composio toolkit.

Imgix Automation

Automates image processing, optimization, and asset management workflows via the Imgix toolkit and Rube MCP.

Flexisign Automation

Automates Flexisign sign-making and large-format print tasks via Rube MCP and Composio.

Logo Dev Automation

Automates logo development operations and brand asset management through the Composio Logo Dev toolkit using Rube MCP.

Brandfetch Automation

Automates the retrieval of brand assets like logos, colors, and fonts using the Brandfetch API via Rube MCP.

Dreamstudio Automation

Automates AI image generation and design workflows using Dreamstudio via the Rube MCP.

V0 Automation

Automates V0 UI generation and frontend development workflows using the Composio Rube MCP toolkit.

Felt Automation

Automates collaborative mapping workflows and spatial data management within Felt using the Rube MCP.

Plasmic Automation

Automates UI development and content management tasks within the Plasmic visual builder platform using Composio's Rube MCP.

Adobe Creative Automation

Automates complex Adobe Creative Cloud workflows and asset management through the Rube MCP integration.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality that avoid generic AI aesthetics.

Frontend Patterns (ZH-TW)

Implements production-grade React and Next.js design patterns, performance optimizations, and UI best practices for modern web development.

Web Design Guidelines Auditor

Audits frontend code for compliance with Vercel's Web Interface Guidelines to ensure high-quality UI, UX, and accessibility standards.

Frontend Development Patterns

Standardizes React and Next.js development using battle-tested architectural patterns and UI best practices.