Design Tools Agent Skills

Tailwind Design System Architect

Builds scalable, production-ready design systems using Tailwind CSS, design tokens, and accessible component patterns.

Design System Architect

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

UI/UX Pro Max

Generates professional-grade UI/UX design systems and provides comprehensive implementation guidance across major frontend stacks.

Advanced React Artifacts Builder

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

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.

Haskell Diagrams Visualization

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

Algorithmic Art & Generative Graphics

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

Frontend Development & UI Engineering

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

Planar Isotopy Screen Mapping

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

Canvas Design Studio

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

UI Components & Design System

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

Deterministic Color Generation (Gay-MCP)

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

Theme Factory

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

Claude Artifacts Builder

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

Anthropic Brand Identity Stylist

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

Crossmodal GF(3) Sensory Bridge

Translates visual color data into tactile, auditory, and haptic modalities using GF(3) trits for universal sensory accessibility.

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.

Anthropic Brand Identity Styler

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

Image Enhancer

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

Artifacts Builder

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

Gay-MCP: Deterministic Color & Trit Generation

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

Theme Factory

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

Frontend Design

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

Low-Discrepancy Color Sequences

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

Design Exploration

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

Aesthetic System

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

Frontend Design

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