Design Tools Agent Skills

Advanced React Artifacts Builder

Builds complex, multi-component React artifacts for Claude.ai using modern frontend stacks and professional UI libraries.

Design System Architect

Standardizes UI development by enforcing design tokens, atomic component structures, and consistent styling patterns across frontend projects.

UI/UX Pro Max - Frontend Design Intelligence

Empowers Claude to design and implement professional-grade frontend interfaces using a curated database of styles, palettes, and UX best practices.

Infographic Generator

Transforms complex text and data into professional, publication-ready infographics using diverse layouts and visual styles.

Tailwind Design System

Build scalable, production-ready design systems using Tailwind CSS and modern component patterns.

Remotion Best Practices

Optimizes programmatic video creation in React by providing expert patterns for Remotion animations, compositions, and assets.

Canvas Design Studio

Generates museum-quality visual art and design philosophies through meticulous craftsmanship and spatial communication.

Haskell Diagrams Visualization

Generates complex declarative vector graphics and mathematical visualizations using the Haskell Diagrams DSL.

Frontend Development & UI Engineering

Builds accessible, high-performance user interfaces and client-side logic following modern component-based architecture and web standards.

Algorithmic Art & Generative Graphics

Generates complex generative art and visual patterns using p5.js with reproducible randomness and mathematical logic.

Anthropic Brand Identity Stylist

Applies official Anthropic brand colors and typography to digital artifacts to ensure professional visual consistency.

UI Components & Design System

Builds accessible, production-ready UI components using shadcn/ui and TailwindCSS for consistent design systems.

Claude Artifacts Builder

Builds sophisticated, single-file React-based frontend artifacts for Claude.ai using modern UI frameworks and professional design standards.

Deterministic Color Generation (Gay-MCP)

Generates mathematically consistent color palettes and threads using deterministic hashing and GF(3) trit mapping.

Frontend Design

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

Theme Factory

Applies professional font and color themes to artifacts and slide decks using a curated library of design systems.

Planar Isotopy Screen Mapping

Maps abstract thread states and topological relationships to deterministic screen positions for precise UI interaction.

Gay-MCP Deterministic Color System

Generates mathematically deterministic color palettes and GF(3) trits using SplitMix64 for perfectly reproducible design systems.

Canvas Visual Design

Generates sophisticated visual art and design philosophies to create high-end digital posters and artistic artifacts.

Image Enhancer

Enhances the resolution, sharpness, and clarity of screenshots and images for professional use.

Anthropic Brand Identity Styler

Applies Anthropic's official brand colors and typography to artifacts to ensure professional visual consistency and brand alignment.

Gay-MCP: Deterministic Color & Trit Generation

Generates deterministic, mathematically-verifiable color palettes and trits using SplitMix64 and GF(3) constraints.

Frontend Design & Aesthetic Engineering

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

Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and automated single-file bundling.

Theme Factory

Styles digital artifacts with professional color palettes and typography using curated themes or custom-generated designs.

Low-Discrepancy Color Sequences

Generates deterministic, uniformly distributed color spaces and patterns using advanced low-discrepancy mathematical sequences.

Aesthetic System

Implements distinctive, high-fidelity UI designs and design systems that avoid generic AI-generated patterns.

Deterministic Color Generator

Generates consistent, reproducible hex colors from metadata using cryptographic hashing instead of machine learning models.

Design Lab

Conducts design interviews and generates five distinct UI variations directly within your project environment for rapid prototyping.

Design Exploration

Generates interactive visual catalogues and diverse UI proposals to guide aesthetic direction before implementation.