Design Tools Claude 技能

Slides Design System

Generates cohesive presentation design systems with standardized slide templates, typography rules, and accessible color palettes.

Cyberpunk Frontend UI System

Generates production-grade, dark-themed terminal interfaces using a comprehensive cyberpunk design system and modern React stack.

Web Artifacts Builder

Builds and bundles sophisticated, multi-component React and shadcn/ui web artifacts for Claude conversations.

Avalonia UI Layout & Zafiro Styling

Optimizes Avalonia UI development by implementing clean, semantic layouts and modular styles using the Zafiro framework.

Avalonia UI Zafiro Layout

Streamlines Avalonia UI development by enforcing modern layout patterns, semantic containers, and maintainable styling using Zafiro extensions.

Remotion Video Engineering

Streamlines programmatic video creation using React-based Remotion best practices and patterns.

Canvas Design & Visual Philosophy

Generates museum-grade visual art and design philosophies using sophisticated spatial composition and minimalist aesthetics.

Remotion Best Practices

Master programmatic video creation using React with optimized patterns for animations, audio, and dynamic compositions.

Next.js App Router Best Practices

Optimizes Next.js development by applying App Router principles, Server Component patterns, and efficient data fetching strategies.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack requirements using Python-based drawing and animation tools.

Vercel React Best Practices

Optimizes React and Next.js applications using performance-driven guidelines and patterns from Vercel Engineering.

Slack GIF Creator

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

Frontend Development Patterns

Implements production-ready React and Next.js patterns for building performant, maintainable, and scalable user interfaces.

Algorithmic Art Studio

Generates museum-quality generative art and interactive p5.js sketches using structured computational philosophies and seeded randomness.

Algorithmic Art Generator

Generates sophisticated, gallery-quality generative art using p5.js based on custom computational philosophies.

3D Web Experience Architect

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

Frontend Patterns & Best Practices

Implements production-ready React and Next.js architectural patterns for scalable and high-performance user interfaces.

3D Web Experience Architect

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

Frontend Design Pro

Creates distinctive, production-grade frontend interfaces with high design quality and unique aesthetic character.

Web Design Guidelines Auditor

Audits web user interfaces for compliance with industry-standard design, accessibility, and UX best practices.

Universal Design System

Generates production-grade UI interfaces and design systems with automated WCAG compliance and multi-framework support.

Interaction Design & Motion UI

Creates polished user interfaces using microinteractions, smooth transitions, and purposeful motion design patterns.

Frontend Design Patterns (ZH-TW)

Implements high-performance React and Next.js architectural patterns using modern industry best practices.

Frontend Development Patterns

Implements modern React and Next.js design patterns, state management strategies, and performance optimizations for high-quality user interfaces.

Frontend Slides Generator

Creates stunning, zero-dependency, animation-rich HTML presentations from scratch or PowerPoint files.

Frontend Slides

Creates stunning, animation-rich HTML presentations and converts PowerPoint files into high-quality, zero-dependency web slides.

Frontend Slides

Generates zero-dependency, animation-rich HTML presentations and converts PowerPoint files into high-performance web slides.

Frontend UI/UX Designer

Transforms text-based requirements into high-fidelity, production-grade user interfaces with a professional designer's eye for detail.

Frontend Development Patterns

Implements industry-standard React and Next.js architectures using production-ready design patterns and performance optimization techniques.

Modern Frontend Development Patterns

Provides a comprehensive library of production-ready React and Next.js patterns for building high-performance, maintainable user interfaces.