Design Tools Agent Skills

Inspiration Analyzer

2,257

Analyzes live websites to extract design elements including color palettes, typography, and UI patterns for frontend development inspiration.

Canvas Design Studio

2,257

Generates sophisticated visual art and design philosophies directly within Claude Code to create museum-quality posters and documents.

Theme Factory

2,257

Styles artifacts like presentations, documents, and HTML pages using professional color palettes and curated typography pairings.

Moodboard Creator

2,257

Synthesizes design inspiration into cohesive visual moodboards to establish a clear UI/UX direction before implementation.

Anthropic Brand Styling

2,257

Applies official Anthropic brand identity, colors, and typography to visual artifacts and documents created within Claude Code.

Image Enhancer

2,257

Transforms low-quality images and screenshots into professional-grade visuals by enhancing resolution, sharpness, and clarity.

Color Curator

2,257

Browses trending palettes, extracts hex codes, and generates professional color configurations for frontend projects.

Slack GIF & Emoji Creator

2,257

Generates high-performance animated GIFs and custom emojis specifically optimized for Slack's strict file size and dimension requirements.

Typography Selector

2,257

Selects and implements professional font pairings for frontend projects using real-time Google Fonts browsing and expert design patterns.

Trend Researcher

2,257

Conducts automated UI/UX design research by analyzing current visual trends across Dribbble and other leading design communities.

Design Wizard

2,257

Orchestrates an interactive end-to-end frontend design process to generate distinctive, production-ready user interfaces.

Scientific Slide Deck Generator

2,188

Generates visually stunning, research-backed scientific presentations and conference slides with automated image generation and citation management.

LaTeX Research Posters

2,188

Generates professional, publication-quality scientific research posters using specialized LaTeX frameworks and AI-powered schematics.

Frontend UI/UX Designer

2,142

Crafts high-impact, production-grade frontend interfaces with a focus on bold aesthetics and professional design intuition.

Generate Image

2,066

Generates and edits high-quality photorealistic images, artistic illustrations, and visual concept art using advanced AI models like FLUX and Gemini.

React Rerender Memoization

1,535

Optimizes React application performance by extracting expensive computations into standalone memoized components.

Interface Design Engineering

1,464

Crafts high-fidelity, purpose-driven user interfaces for complex applications while avoiding generic, template-driven AI design patterns.

UI Styling & Component Design

1,395

Builds accessible, professional user interfaces using shadcn/ui, Tailwind CSS, and sophisticated visual design patterns.

Frontend Development & React Guidelines

1,395

Standardizes modern React application development with production-ready patterns for data fetching, routing, and UI styling.

Frontend Design Pro

1,395

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design thinking and polished code.

Aesthetic UI & UX Design

1,395

Creates visually stunning and functional user interfaces using proven design principles, systematic workflows, and AI-driven image iteration.

Panda CSS Framework

1,387

Streamlines the creation of type-safe, high-performance styling using Panda CSS's atomic CSS-in-JS engine.

Ark UI Components

1,387

Implements accessible, headless React UI components using Ark UI's primitive patterns and data-attribute styling.

Vue JSX Best Practices

1,280

Implements idiomatic Vue JSX syntax and patterns while preventing common React-style attribute errors.

Prototype Prompt Generator

1,259

Generates detailed, structured prompts for creating UI/UX prototypes from high-level user requirements.

Ideogram Local Dev Loop

1,206

Configures a high-velocity local development environment for Ideogram integrations featuring hot reloading and automated testing.

Web Interface Auditor

1,190

Audits frontend code against industry-standard Web Interface Guidelines to ensure high-quality UX and accessibility.

Nanobanana Gemini Image Generator

1,158

Generates and edits high-quality images directly within Claude Code using the Google Gemini API.

UX Research & Design Toolkit

1,039

Facilitates professional user experience research and data-driven design validation within Claude Code.

UI Design System Toolkit

1,039

Automates the creation of scalable design systems, including design token generation and comprehensive developer handoff documentation.