Design Tools Claude 技能

fal.ai Media Generation

Generates high-quality images, videos, and audio directly within Claude Code using fal.ai's state-of-the-art AI models.

Frontend Engineering Patterns

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

Frontend Slides Creator

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

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 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 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.

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.

Modern Frontend Patterns

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

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.

Renderform Automation

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

Abstract Design Automation

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

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.

Claid AI Automation

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

Remove.bg Image Automation

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

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.

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.

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.