Design Tools Agent Skills

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.

Frontend Development Patterns

Implements modern React and Next.js design patterns, state management strategies, and performance optimizations for scalable web applications.

Liquid Glass Design System (iOS 26)

Implements the iOS 26 Liquid Glass design language with dynamic blur, light reflection, and interactive morphing for Apple platforms.

Frontend UI/UX Pro

Crafts stunning, production-ready frontend interfaces with high-fidelity aesthetics and motion design without needing pre-existing mockups.

Universal Design System

Generates production-ready, accessible UI systems and components using an AI-native reasoning engine for multiple frameworks.

Theme Factory

Styles artifacts with professional color palettes and typography to create visually cohesive documents, presentations, and landing pages.

Anthropic Brand Styling

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

UI/UX Pro Max

Empowers Claude with professional design intelligence to build, audit, and optimize high-performance user interfaces across 50+ styles and 9 tech stacks.

Universal Design System

Generates production-grade, accessible UI designs and component code using a data-driven reasoning engine tailored to 57 industry sectors.

Universal Design System

Generates production-grade, WCAG-compliant UI designs and framework-ready component code tailored to specific industry sectors.