Design Tools Claude 技能

Artifacts Builder

Builds complex, production-ready React artifacts for Claude.ai using modern frontend frameworks and professional UI components.

React Artifacts Builder

Builds complex, multi-component React artifacts for Claude.ai using shadcn/ui and modern frontend workflows.

Image Enhancer

Enhances image resolution, sharpness, and clarity for high-quality professional visual assets and documentation.

Canvas Design Master

Generates professional-grade visual art and museum-quality design philosophies for posters, graphics, and static media.

Anthropic Brand Styling

Applies Anthropic's official visual identity, including specific hex colors and typography, to any generated artifact.

Figram Core Architecture Development

Manages the core TypeScript engine for Figram, handling DSL processing, validation, and architecture diagram differencing logic.

Theme Factory

Applies professionally curated color palettes and typography pairings to digital artifacts like presentations, documents, and landing pages.

Figram Connection Debugger

Troubleshoots and resolves WebSocket communication issues between the Figram CLI and FigJam plugins.

Image Enhancer

Enhances image quality, resolution, and sharpness to create professional-grade visuals for documentation and social media.

Accessibility Auditor

Audits and optimizes web applications for WCAG compliance, ARIA implementation, and inclusive user experiences.

UI/UX Pro Max

Provides comprehensive UI/UX design intelligence and implementation patterns for modern web and mobile applications.

Web Interface Guidelines Auditor

Audits UI code for compliance with professional web interface standards and accessibility best practices.

Canvas Design

Generates sophisticated visual art and design documents by establishing a unique aesthetic philosophy before rendering high-fidelity canvases.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's technical constraints.

Frontend Design & High-Fidelity UI

Generates production-grade, distinctive frontend interfaces using multimodal design extraction and creative aesthetic frameworks.

Canvas Design & Visual Philosophy

Generates sophisticated visual art and design philosophies through a meticulous, multi-step creative process focused on expert craftsmanship.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emoji animations specifically for Slack's file size and dimension constraints.

Frontend Design

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

Tailwind CSS Design Patterns

Implements modern, responsive user interfaces using utility-first Tailwind CSS patterns and best practices.

Algorithmic Art & Generative Design

Generates sophisticated p5.js generative art by translating computational philosophies into meticulously crafted code and interactive viewers.

React Modernization & Hook Migration

Upgrades React applications by migrating class components to hooks and implementing React 18+ concurrent features.

Web Interface Design Auditor

Audits frontend code against Vercel’s Web Interface Guidelines to ensure high-quality UI, UX, and accessibility standards.

Stitch Mockup Extractor

Extracts and archives high-quality design mockups from Google Stitch project pages automatically.

Modern Web Design Creator

Generates production-ready, mobile-first websites using Tailwind CSS, modern design patterns, and accessibility best practices.

React Artifacts Builder

Develops complex, multi-component React artifacts for Claude.ai using modern frontend stacks like shadcn/ui and Tailwind CSS.

Corporate Brand Guidelines & Styling

Applies consistent corporate branding, typography, and visual standards to all generated documents and digital assets.

UX Researcher & Designer

Conducts data-driven user research and experience design to create evidence-based personas, journey maps, and usability frameworks.

React UI System Guidelines

Enforces consistent React UI development using Emotion, Atomic Design principles, and standardized theme tokens.

Advanced React Artifacts Builder

Generates sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and professional design standards.

Algorithmic Art & Generative Aesthetics

Generates sophisticated p5.js generative art by translating abstract algorithmic philosophies into interactive, code-based masterpieces.