Design Tools Agent Skills

Canvas Design Mastery

Generates professional, museum-quality visual designs and artistic philosophies in PDF and PNG formats.

Anthropic Brand Identity Styling

Applies Anthropic's official visual identity, brand colors, and typography to digital artifacts and design documents.

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.

Vercel Web Interface Guidelines

Reviews and optimizes frontend code for accessibility, performance, and UX based on Vercel's industry-leading best practices.

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.

Web Design Guidelines Auditor

Reviews UI code for compliance with professional web interface standards, accessibility, and UX best practices.

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.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and creative aesthetic choices that avoid generic AI patterns.

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.

Tailwind CSS v4

Provides expert guidance for building modern, responsive, and accessible user interfaces using Tailwind CSS v4 utility classes and best practices.

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.

Duration Neglect Strategy

Applies behavioral economics principles to optimize user experiences by focusing on peak intensity and final interactions rather than total duration.

Anthropic Brand Guidelines

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

Avalonia ViewModel & Wizard Patterns

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