Design Tools Agent Skills

Theme Factory

Standardizes the visual identity of artifacts through professional color palettes and typography pairings.

Theme Factory

Applies professional color palettes and typography themes to digital artifacts like slide decks, documents, and landing pages.

Anthropic Brand Styler

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

Canvas Design Artistry

Generates sophisticated, museum-quality visual art and design documents through a structured two-step philosophical framework.

UI Design System Toolkit

Automates the creation of professional design systems, from token generation to accessibility-compliant developer handoff documentation.

Algorithmic Art & Generative Aesthetics

Generates sophisticated, master-level algorithmic art using p5.js through a unique process of computational philosophy and seeded randomness.

Anthropic Brand Guidelines

Applies official Anthropic visual identity, including typography and color palettes, to documents and design artifacts.

Visual Canvas Design

Generates museum-grade visual art and design philosophies through a specialized two-step creative process.

Anthropic Brand Styling

Standardizes digital artifacts with Anthropic's official visual identity, including specific color palettes and typography.

UI Interface Expert

Enforces opinionated constraints and best practices for building high-quality, accessible, and performance-optimized web interfaces.

Canvas Design & Visual Arts

Generates professional-grade visual art and design philosophies using sophisticated spatial communication and minimalist principles.

Theme Factory

Applies professional color palettes and typography themes to artifacts like slide decks, documents, and landing pages.

Frontend Design

Generates distinctive, production-grade frontend interfaces and web components with a focus on high-fidelity design and unique aesthetics.

Anthropic Brand Guidelines

Applies Anthropic’s official corporate identity, including brand colors and typography, to digital artifacts and visual designs.

Image Quality Enhancer

Transforms low-resolution screenshots and images into high-clarity, professional visuals for documentation and social media.

TailwindPlus Component Library

Integrates over 650 professional Tailwind CSS components directly into the Claude Code workflow for rapid frontend development.

TemplUI for Go Web Development

Streamlines Go and Templ web application development with standardized UI components, HTMX integration, and Alpine.js best practices.

Web Accessibility Implementation

Implements WCAG 2.1/2.2 compliance, ARIA patterns, and keyboard navigation to build inclusive and accessible web applications.

Canvas Design

Generates original, museum-quality visual art, posters, and designs based on a unique, articulated design philosophy.

Artifacts Builder

Builds complex, multi-component Claude.ai artifacts using a professional React, Tailwind CSS, and shadcn/ui frontend stack.

Web Design Guidelines Auditor

Audits UI code against industry-standard design principles and accessibility guidelines to ensure high-quality user experiences.

Design Token Architecture

Architects scalable CSS custom property systems and theme configurations for modern web applications.

Interactive Experience Engineer

Architects high-performance, Svelte-based interactive frontends featuring 3D graphics, motion design, and complex data visualizations.

Artifacts Builder

Builds sophisticated, multi-component Claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui.

Modern React & TypeScript Expert

Builds production-ready React applications using TypeScript, Tailwind CSS, and shadcn/ui with industry-standard patterns.

React Flow UI Developer

Streamlines the development of complex node-based interfaces using the React Flow library and TypeScript.

Frontend Design

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

Figma to Code Assistant

Automates the conversion of Figma designs into production-ready React and Tailwind CSS code using the Figma Dev Mode MCP.

Filament Infolist Generator

Generates production-ready FilamentPHP v4 infolists and read-only data layouts for administration panels.

Remotion Video Best Practices

Streamlines programmatic video creation in React by providing expert patterns for animations, asset management, and composition orchestration.