Design Tools Claude 技能

Image Compressor

Optimizes and converts images to WebP, PNG, or JPEG using the most efficient local tools available.

Infographic Generator

Transforms complex text into professional, publication-ready infographics using 20 layout types and 17 visual styles.

Image Enhancer

Transforms low-quality images and screenshots into professional-grade visuals by enhancing resolution, sharpness, and clarity.

Slack GIF & Emoji Creator

Generates high-performance animated GIFs and custom emojis specifically optimized for Slack's strict file size and dimension requirements.

Anthropic Brand Styling

Applies official Anthropic brand identity, colors, and typography to visual artifacts and documents created within Claude Code.

Theme Factory

Styles artifacts like presentations, documents, and HTML pages using professional color palettes and curated typography pairings.

Typography Selector

Selects and implements professional font pairings for frontend projects using real-time Google Fonts browsing and expert design patterns.

Canvas Design Studio

Generates sophisticated visual art and design philosophies directly within Claude Code to create museum-quality posters and documents.

Inspiration Analyzer

Analyzes live websites to extract design elements including color palettes, typography, and UI patterns for frontend development inspiration.

Artifacts Builder

Builds complex, production-grade React artifacts for Claude.ai using modern frontend stacks like shadcn/ui and Tailwind CSS.

Design Wizard

Orchestrates an interactive end-to-end frontend design process to generate distinctive, production-ready user interfaces.

Moodboard Creator

Synthesizes design inspiration into cohesive visual moodboards to establish a clear UI/UX direction before implementation.

Trend Researcher

Conducts automated UI/UX design research by analyzing current visual trends across Dribbble and other leading design communities.

Color Curator

Browses trending palettes, extracts hex codes, and generates professional color configurations for frontend projects.

LaTeX Research Posters

Generates professional, publication-quality scientific research posters using specialized LaTeX frameworks and AI-powered schematics.

Scientific Slide Deck Generator

Generates visually stunning, research-backed scientific presentations and conference slides with automated image generation and citation management.

Frontend UI/UX Designer

Crafts high-impact, production-grade frontend interfaces with a focus on bold aesthetics and professional design intuition.

shadcn/ui Component Integration

Streamlines the discovery, installation, and customization of accessible shadcn/ui components and UI blocks within React projects.

Canva API Rate Limiter

Manages Canva Connect API rate limits through intelligent backoff, request queuing, and proactive monitoring to ensure reliable integration performance.

Canva Design & Export Workflow

Automates the creation, management, and multi-format export of Canva designs through the Canva Connect API.

Figma Reference Architecture

Provides a standardized project structure and architectural blueprint for building production-grade Figma API integrations.

Anima Design-to-Code Loop

Automates the iterative Figma-to-code development cycle using the Anima SDK for rapid UI prototyping and comparison.

Adobe Authentication & SDK Setup

Configures Adobe Developer Console OAuth Server-to-Server credentials and installs SDKs for Firefly, PDF, and I/O services.

Ideogram Data Management & Persistence

Automates the capture, storage, and metadata tracking of Ideogram-generated images to prevent link expiration and ensure reproducibility.

Framer Installation & Authentication

Installs and configures the Framer SDK and CLI for plugin development and Server API access.

Adobe API Quickstart Examples

Generates minimal, functional boilerplate code for Adobe Firefly, PDF Services, and Photoshop APIs.

Anima Core Website-to-Code Workflow

Converts live websites into customizable React or HTML code with automated AI-driven post-processing.

Anima API Rate Limiting

Optimizes Anima API code generation requests by implementing robust rate limiting and retry mechanisms.

Adobe API Cost Optimization

Optimizes expenditures and monitors consumption across Adobe Firefly, PDF Services, and Creative Cloud APIs.

Adobe SDK Upgrade & Migration

Automates the transition of Adobe integrations from legacy JWT authentication to OAuth and manages major SDK version upgrades.