Design Tools Agent Skills

Remotion Video Development

Generates professional programmatic videos and React-based animations using optimized development patterns.

Frontend TDD Implementation

Executes frontend implementation tasks using strict Test-Driven Development (TDD) cycles and design system constraints.

UI/UX Pro Max Design Intelligence

Provides a comprehensive design intelligence database to build, audit, and optimize professional user interfaces using curated styles, palettes, and stack-specific patterns.

Anthropic Brand Styling

Applies Anthropic's official brand colors and typography to digital artifacts and visual presentations.

Brand Guide & Design System Enforcer

Creates and enforces structured brand identity systems to ensure total visual consistency across frontend development projects.

Canvas Design & Visual Arts

Generates museum-grade visual art and design philosophies using a sophisticated, multi-step creative framework.

Design System First

Enforces a design-system-first workflow by discovering and utilizing existing tokens and components before generating new UI code.

Anthropic Brand Styling

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

Theme Factory

Applies professional visual themes and curated font-color pairings to artifacts like slide decks, documentation, and HTML reports.

Frontend Design Pro

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

Theme Factory

Applies professional color palettes and font pairings to digital artifacts like slide decks, documentation, and HTML landing pages.

Algorithmic Art Studio

Generates sophisticated, gallery-quality generative art and interactive p5.js sketches based on unique computational philosophies.

Algorithmic Art & Generative Aesthetics

Generates sophisticated, master-level algorithmic art using p5.js through custom computational philosophies and emergent system dynamics.

Web Artifacts Builder

Builds complex, multi-component React artifacts for Claude.ai using modern frontend stacks like shadcn/ui and Tailwind CSS.

Frontend Design Architect

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

Frontend Design Specialist

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

React Artifacts Builder

Builds and bundles sophisticated, interactive React applications into single-file HTML artifacts for seamless use within Claude.

Interaction Design & Motion

Implements fluid microinteractions, motion systems, and accessible transitions to enhance user experience and interface polish.

Visual Design Foundations

Implements professional visual systems using modular typography scales, 8-point spacing grids, and accessible semantic color palettes.

Accessibility Compliance

Implements WCAG 2.2 compliant interfaces with ARIA patterns, keyboard navigation, and comprehensive assistive technology support.

Design System Patterns

Builds scalable, themeable design systems using design tokens and advanced component architecture patterns.

Web Component Design

Architects reusable, accessible, and framework-agnostic UI component libraries using modern composition patterns and styling strategies.

Tailwind CSS Design System

Builds scalable, production-ready design systems using Tailwind CSS v4 and modern React patterns.

Responsive UI Design

Implements adaptive layouts using container queries, fluid typography, and mobile-first CSS strategies for modern web interfaces.

AI Character Designer

Generates structured prompts for original character designs and mascots across various artistic styles optimized for Nano Banana Pro.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high design quality and custom aesthetic directions.

Accessibility & Inclusive Design

Implements WCAG-compliant web accessibility standards to ensure applications are perceivable, operable, and usable for all users.

Branding & Visual Identity

Establishes cohesive brand identity systems including visual standards, color palettes, typography, and verbal tone guidelines.

Canvas Design & Visual Arts

Generates museum-grade visual art and design philosophies for high-fidelity PDF and PNG assets.

Apple UI Design System

Generates high-fidelity, Apple-inspired user interfaces using minimalist aesthetics, premium styling, and best-in-class UX principles.