Design Tools Claude 스킬

Remove.bg Image Automation

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

Claid AI Automation

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

Visme Design Automation

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

Zeplin Automation

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

Abstract Design Automation

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

Supportivekoala Automation

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

Renderform Automation

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

All Images AI Automation

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

Imgix Automation

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

HTML to Image Automation

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

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.

Flexisign Automation

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

Adobe Creative Automation

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

Plasmic Automation

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

Dreamstudio Automation

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

Felt Automation

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

V0 Automation

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

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.

Medusa UI Component Documenter

Generates comprehensive, live-example-driven documentation for Medusa UI components following strict architectural patterns.

HeroUI React v3 Component Guide

Builds accessible, modern React interfaces using HeroUI v3 components and Tailwind CSS v4 architectures.

Accessibility Compliance Expert

Implements WCAG 2.2 compliant interfaces with ARIA patterns, keyboard navigation, and assistive technology support for inclusive user experiences.

Responsive Web Design

Implements modern, adaptive layouts using container queries, fluid typography, and mobile-first CSS strategies.

Design System Patterns

Architects scalable UI foundations using design tokens, multi-brand theming infrastructure, and robust component patterns.

Web Component Design Architecture

Architects reusable, high-performance UI components using modern patterns and styling strategies for React, Vue, and Svelte.

Visual Design Foundations

Implements professional visual design systems including typography scales, semantic color palettes, and spacing grids to ensure UI consistency and accessibility.

Interaction Design

Implements high-quality microinteractions, motion design, and responsive state transitions to enhance user experience and UI polish.