Design Tools Claude 技能

3D Web Experience

Builds immersive, high-performance 3D web experiences using Three.js, React Three Fiber, and WebGL.

Web Artifacts Builder

Constructs sophisticated, multi-component Claude.ai artifacts using React, Tailwind CSS, and shadcn/ui for production-grade frontend prototypes.

Advanced Web Artifacts Builder

Generates sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and Tailwind CSS.

Avalonia & Zafiro Development

Streamlines cross-platform UI development using Avalonia UI and the Zafiro toolkit with functional-reactive patterns.

Atomic Design for React

Organizes React components into a structured hierarchy using the Atomic Design pattern to improve reusability and scalability.

Theme Factory

Styles digital artifacts like slides, reports, and landing pages with professional color palettes and typography pairings.

React Architecture Patterns

Implements modern React design principles, performance optimizations, and TypeScript best practices for production-ready frontend applications.

Frontend Design Architect

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

AI SDK React UI Hooks

Streamlines the development of React-based AI chat interfaces using Vercel AI SDK v6 with robust error handling and tool integration patterns.

Anthropic Brand Guidelines

Applies official Anthropic brand colors and typography to documents, presentations, and visual artifacts.

Anthropic Brand Guidelines

Applies Anthropic's official visual identity, color palette, and typography to code artifacts and presentations.

3D Web Experience

Builds immersive 3D web environments and interactive scenes using Three.js, React Three Fiber, and WebGL.

Frontend Design System

Generates sophisticated and unique frontend UI designs that avoid generic AI aesthetics by applying professional design principles and custom styling guidelines.

Canvas Visual Design & Artistry

Generates museum-grade visual art and design philosophies for high-fidelity posters, diagrams, and static pieces.

Theme Factory

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

Anthropic Brand Guidelines

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

Interactive Portfolio Designer

Builds high-conversion personal portfolios and interactive case studies that effectively showcase professional impact and technical expertise.

Component Finder

Locates UI components within a codebase using screenshots, route paths, or component names to bridge the gap between design and implementation.

Frontend Design

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

Interactive Portfolio Designer

Builds high-conversion developer and designer portfolios that transform project showcases into memorable career opportunities.

Interactive Portfolio Builder

Builds high-conversion personal portfolios and project showcases that turn visitors into professional opportunities.

Frontend Design Patterns

Implements high-performance React and Next.js design patterns, including state management, component composition, and UI optimization strategies.

Clean Tailwind CSS

Organizes and refactors Tailwind CSS class strings in React and Next.js components following a consistent visual hierarchy.

Avalonia & Zafiro ViewModel Patterns

Streamlines Avalonia UI development by implementing functional-reactive ViewModel patterns and declarative wizard flows using Zafiro and ReactiveUI.

Avalonia Zafiro ViewModels

Standardizes Avalonia application architecture using Zafiro and ReactiveUI for robust ViewModel and wizard creation.

UX Writing & Copy Improver

Optimizes UI microcopy across codebases using proven UX writing frameworks and interactive audit modes.

JTBD UI Copy Optimizer

Transforms technical UI labels and buttons into user-centric copy based on the Jobs to Be Done framework.

Avalonia ViewModel & Wizard Patterns

Streamlines Avalonia UI development by implementing ReactiveUI-based ViewModel patterns and complex wizard flows using the Zafiro toolkit.

Slack GIF Creator

Generates and optimizes high-quality animated GIFs specifically tailored for Slack emojis and message attachments.

Frontend Design

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