Design Tools Agent Skills

UX Researcher & Designer

Conducts data-driven user research and experience design to create evidence-based personas, journey maps, and usability frameworks.

Creative Design Studio

Generates sophisticated visual art and architectural design philosophies through a meticulous two-step creative process.

Slack GIF Creator

Generates and optimizes high-quality animated GIFs specifically tailored for Slack emojis and messages using Python primitives.

Theme Factory

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

Render GLB

Converts 3D GLB models into PNG images to enable visual verification and previewing within AI development workflows.

Next.js Frontend Development

Builds distinctive, high-performance user interfaces using modern typography and purposeful animations while avoiding generic design patterns.

UI/UX Pro Max

Provides high-level design intelligence and implementation patterns for creating stunning, professional-grade frontend interfaces.

Canvas Design

Generates museum-quality visual art and design artifacts through a structured two-step process of philosophy creation and artistic expression.

Distinctive Frontend Design

Creates distinctive, production-grade frontend interfaces with high-quality design and unique aesthetics.

Frontend AI Developer Guide

Enforces production-ready standards and technical decision criteria for React and TypeScript development workflows.

Algorithmic Art Studio

Generates sophisticated, master-level generative art using p5.js with a focus on computational philosophy and interactive parameter exploration.

Brand System & Design Guide

Enforces modern design standards including OKLCH color palettes, AI-themed gradients, and WCAG accessibility compliance for production-ready UIs.

React UI System Guidelines

Enforces consistent React UI development using Emotion, Atomic Design principles, and standardized theme tokens.

Bootstrap Components

Streamlines the implementation and troubleshooting of Bootstrap 5.3.8 UI components with expert guidance on styling, behavior, and accessibility.

Anthropic Brand Styling

Applies official Anthropic brand identity, typography, and color schemes to documents and visual artifacts.

Canvas Design

Generates sophisticated visual art and design philosophies through a systematic, two-step creative process.

Frontend Development

Architects modern, high-performance web interfaces using React, Next.js, and advanced CSS frameworks with a focus on type-safe design patterns.

Pixabay Image & Video Search

Searches and downloads millions of royalty-free stock photos, illustrations, vectors, and videos directly from the Pixabay library.

Frontend Development Patterns

Implements production-ready React and Next.js design patterns, state management strategies, and performance optimizations.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and custom aesthetics.

Shadcn Svelte UI Builder

Builds accessible, production-grade UI components for SvelteKit using shadcn-svelte and Tailwind CSS v4.1.

React Expert

Enforces modern React best practices, advanced hook patterns, and performance optimizations within Claude Code.

UI Design Reviewer

Evaluates web interfaces for accessibility, responsiveness, UX patterns, and performance using standardized audit protocols.

Composable Svelte UI Components

Implements high-quality UI interfaces using shadcn-svelte components integrated with the Composable Svelte state-driven architecture.

Svelte Flow Graph Builder

Build highly customizable node-based editors and interactive flow visualizations using Svelte Flow and Svelte 5.

Vanilla Rails View Patterns

Optimizes ERB templates and Stimulus integration for Ruby on Rails applications using standardized view patterns.

LayerChart Data Visualization

Builds responsive, high-performance data visualizations and interactive charts using the LayerChart Svelte framework.

Professional UI Styling

Creates beautiful, accessible, and production-ready user interfaces using shadcn/ui components, Tailwind CSS, and sophisticated canvas-based design systems.

Anthropic Brand Styling

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

Canvas Design & Visual Philosophy

Generates sophisticated visual art and design philosophies for high-end digital canvases, posters, and aesthetic artifacts.