Design Tools Agent Skills

Anthropic Brand Guidelines

Applies Anthropic's official visual identity, colors, and typography to presentations and design artifacts.

Canvas Visual Art & Design

Generates sophisticated visual art and design philosophies through a multi-step process focused on expert craftsmanship.

Tailwind CSS v4 for Elixir Phoenix

Implements high-performance Tailwind CSS v4 configurations and world-class UI/UX principles for Elixir Phoenix applications.

Web Artifacts Builder

Builds complex, multi-component React artifacts for Claude.ai using modern frontend technologies and shadcn/ui.

Frontend Design Pro

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

Algorithmic Art Generator

Generates sophisticated, p5.js-based generative art through computational philosophies and interactive parameter exploration.

UX Design Principles: Affordances

Guides the creation of intuitive user interfaces by implementing visual cues that suggest how elements should be used.

Gesso Upgrade Planner

Generates comprehensive migration plans for updating Gesso design system themes to their next upstream release.

Next.js Component Architect

Generates standardized, production-ready Next.js UI components with integrated Storybook support, CSS Modules, and Figma design synchronization.

Gesso Theme Upgrader

Automates the migration and upgrade process for Gesso-based design systems and themes to the next release.

UI/UX Pro Max

Generates comprehensive design systems, accessibility audits, and production-ready UI components across nine major technology stacks.

UI/UX Pro Max

Generates comprehensive design systems, color palettes, and typography pairings backed by professional UX intelligence and accessibility standards.

Giant Swarm App Icons

Manages and implements standardized application icons across Giant Swarm's product ecosystem and documentation.

Frontend Design

Builds distinctive, production-grade frontend interfaces with bold aesthetic choices and meticulous attention to detail.

Web Interface Guidelines Auditor

Audits frontend code for compliance with industry-standard web interface, UX, and accessibility guidelines.

UI Design System Toolkit

Generates professional design tokens and component architectures to streamline the transition from brand concept to production-ready UI code.

Frontend UI/UX Specialist

Crafts distinctive, production-grade frontend interfaces with a focus on high-end aesthetics and intentional user experiences.

UI/UX Pro Max

Generates production-ready design systems and high-fidelity UI code across multiple modern technology stacks.

Web Baseline Status

Verifies browser support and Baseline status for web features using the Web Platform Status API.

Professional UI Constraints

Enforces strict design and accessibility standards to build high-quality, production-ready user interfaces with AI agents.

TDesign AI Flow Template

Provides a standardized blueprint for creating structured AI workflows and implementation patterns within Claude Code.

Canva Design Automation

Automates Canva design workflows including creation, asset management, template autofilling, and multi-format exports via Rube MCP.

Canvas Visual Design

Generates museum-quality visual art and sophisticated design philosophies for posters, brand assets, and digital media.

Scroll Experience Architect

Creates immersive, scroll-driven web experiences using parallax, interactive storytelling, and cinematic animations.

Theme Factory

Applies professional, cohesive color palettes and font pairings to digital artifacts like slides, documents, and landing pages.

Remotion Video Best Practices

Streamlines programmatic video creation in React by applying expert-level Remotion patterns and optimizations.

Frontend Design

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

Frontend Development Patterns

Implements modern React and Next.js design patterns to build performant, scalable, and maintainable user interfaces.

Senior Frontend Engineer

Builds and optimizes high-performance React and Next.js applications using modern TypeScript patterns and Tailwind CSS.

Canvas Art & Design Philosophy

Generates museum-quality visual art and professional design philosophies through meticulous spatial and chromatic orchestration.