Design Tools Claude 스킬

Frontend Slides Creator

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

Frontend Slides

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

Frontend Development Patterns

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

Frontend Slides

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

Frontend Development Patterns

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

Frontend Slides

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

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.

shadcn UI Design System

Manages shadcn/ui components and enforces design system principles for building accessible, production-grade interfaces.

UI/UX Pro Max Design System

Architects professional design systems and generates brand-compliant, data-driven presentations using a structured token-based approach.

HTML Presentation Architect

Generates high-impact, data-driven HTML presentations using strategic layouts, Chart.js visualizations, and proven copywriting formulas.

Professional UI & Styling

Builds high-performance, accessible user interfaces using shadcn/ui, Tailwind CSS, and sophisticated visual design patterns.

UI/UX Pro Max Design

Generates professional brand identities, UI components, marketing assets, and corporate design systems using multi-modal AI intelligence.

Banner Design Pro

Generates professional, multi-format banners for social media, ads, and web hero sections using AI-powered art direction and automated exports.

Brand Identity & Design Systems

Manages brand voice, visual identity, and design token synchronization to ensure cross-platform brand consistency.

Zeplin Automation

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

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.

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.

Abstract Design Automation

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

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.

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.

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.

V0 Automation

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

Dreamstudio Automation

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