Design Tools Claude 技能

Nanobanana Image Generation & Editing

Generates and edits high-quality images using the Google Gemini API with granular control over aspect ratios and resolutions.

Canvas Design

Generates museum-quality visual art and design philosophies through a meticulous two-step process of conceptualization and visual expression.

Advanced Web Artifact Builder

Architects and bundles complex, multi-component React artifacts for Claude.ai using shadcn/ui and Tailwind CSS.

Theme Factory

Applies professional color palettes and font pairings to digital artifacts like slides, documents, and landing pages.

Slack GIF Creator

Generates and optimizes high-quality animated GIFs specifically tailored for Slack emojis and messages using Python primitives.

Design System Setup

Initializes and exports comprehensive design systems through guided workflows, Figma integration, and automated token generation.

Anthropic Brand Styling

Applies Anthropic's official visual identity, including specific color palettes and typography, to digital artifacts and documents.

Theme Factory

Applies professional color palettes and font pairings to digital artifacts like slides, documentation, and landing pages.

Design System Manager

Architects and maintains scalable design systems using design tokens, multi-theme support, and standardized UI patterns.

UI Component Builder

Builds, converts, and optimizes production-ready UI components across React, Vue, and Svelte frameworks with a focus on accessibility and TypeScript.

UI Component Builder

Builds, optimizes, and converts high-performance React, Vue, and Svelte UI components with a focus on accessibility and TypeScript.

Backstage Web Generator

Generates enterprise-grade, accessible web applications and dashboards following the Backstage Design System principles.

TUI Design System

Provides comprehensive design patterns and architectural guidance for building sophisticated, keyboard-centric terminal user interfaces across any TUI framework.

Brand Illustrator

Generates hand-drawn line art illustrations following the Builder Methods visual identity for consistent brand storytelling.

Logo Design Pipeline

Automates professional logo generation, evaluation, and brand kit creation using the Gemini image generation API.

Frontend Design & Aesthetics

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

APEX Frontend Universal

Accelerates the entire frontend lifecycle from UI/UX design and accessible implementation to performance optimization and cross-platform debugging.

Figma Desktop for Claude

Bridges the gap between design and development by extracting production-ready UI code, design tokens, and visual assets directly from the Figma desktop app.

Canvas Design & Visual Philosophy

Generates museum-quality visual art and design documents using sophisticated aesthetic frameworks and minimalist principles.

Image Enhancer & Optimizer

Enhances image quality, resolution, and clarity to transform raw screenshots into professional assets for documentation and social media.

Theme Factory

Styles digital artifacts with professional color palettes and font pairings to ensure visual consistency across documents and presentations.

Slidev Diagram Architect

Redesigns technical diagrams across Mermaid, PlantUML, and Excalidraw using semantic principles for developer-focused presentations.

UI/UX Pro Max - Design Intelligence

Generates professional-grade UI/UX designs and implementation code using an extensive library of styles, palettes, and framework-specific best practices.

Visual Canvas & Art Philosophy

Generates sophisticated, museum-quality visual artwork and original design philosophies through meticulous spatial and aesthetic execution.

Algorithmic Art Studio

Generates professional-grade generative art using p5.js and deep computational philosophies.

Slack GIF Creator

Generates optimized animated GIFs and custom emojis specifically formatted to meet Slack's technical requirements.

Algorithmic Art Generator

Generates sophisticated, master-level generative art using p5.js based on custom computational philosophies and seeded randomness.

Theme Factory

Applies professional color palettes and typography pairings to documents, presentations, and web artifacts.

Algorithmic Art Generator

Generates sophisticated p5.js generative art by establishing computational philosophies and translating them into interactive, seeded algorithms.

Anthropic Brand Guidelines

Standardizes the visual identity of digital artifacts by applying Anthropic's official brand colors, typography, and design patterns.