Design Tools Agent Skills

Figma Analyzer

Extracts high-fidelity design assets, metadata, and design tokens directly from Figma files via the REST API.

UI/UX Pro Max Design Intelligence

Generates data-driven UI/UX design systems and high-fidelity interfaces using a searchable database of 50+ styles, palettes, and framework-specific patterns.

Tailwind UI Components

Provides a comprehensive library of production-ready Tailwind CSS patterns for rapid frontend interface development.

Algorithmic Art Creator

Generates sophisticated generative art by formulating unique computational philosophies and implementing them via interactive p5.js sketches.

Icon Designer

Generates professional-grade app icons, UI symbols, and custom SF Symbols with platform-specific guidance for iOS, macOS, and Android.

Next.js Ready UI Mockup Generator

Generates high-fidelity UI/UX mockups in HTML, CSS, and JavaScript designed for seamless transition into Next.js components.

Clipdrop API Expert

Automates professional-grade image editing and manipulation using Stability AI's Clipdrop API suite.

Canvas Design & Visual Philosophy

Generates museum-grade visual art and posters by synthesizing unique design philosophies into meticulously crafted digital canvases.

Superdesign Expert

Orchestrates complex UI design workflows by generating structured design specifications for precise code implementation.

DaisyUI v5 Form Patterns

Implements standardized DaisyUI v5 form structures and validation patterns for rapid, accessible frontend development.

Frontend Patterns & Best Practices

Implements industry-standard React and Next.js architectural patterns for scalable and performant web applications.

Baoyu Image Compressor

Optimizes and compresses images to WebP, PNG, or JPEG formats using an intelligent, multi-engine selection system.

Web Artifacts Builder

Builds complex, multi-component React artifacts for Claude using shadcn/ui and Tailwind CSS.

XAML Property Element Syntax

Refactors complex inline XAML bindings into structured Property Element Syntax for enhanced readability and maintainability.

Web Design Guidelines Auditor

Audits frontend code for accessibility, UX, and UI compliance using Vercel's official Web Interface Guidelines.

Frontend Design & Creative UI

Generates distinctive, production-grade frontend interfaces with high-end aesthetics and bespoke design patterns.

Remotion Video Creative

Streamlines programmatic video production by providing domain-specific patterns and best practices for the Remotion React framework.

Baoyu Infographic Generator

Transforms text content into professional, publication-ready infographics using a matrix of 20 layouts and 17 visual styles.

React Hooks Patterns

Implements standardized React hook patterns and custom hooks for efficient frontend state management and side-effect handling.

Anthropic Brand Styler

Applies Anthropic's official visual identity, professional color palettes, and typography to generated artifacts and documents.

UI/UX Pro Max Design Intelligence

Accelerates the creation of professional-grade user interfaces with an intelligent database of design styles, color palettes, and framework-specific best practices.

Web Interface Guidelines Audit

Audits frontend code for compliance with professional web design, UX, and accessibility standards.

Plaited UI Patterns

Generates high-performance web components and behavioral UI patterns using the Plaited framework's styling and coordination systems.

Theme Factory

Applies professional visual themes, color palettes, and typography to documentation, presentations, and web artifacts.

Professional UI Design & Systems

Generates high-quality, accessible, and distinctive user interfaces while eliminating generic AI design patterns.

UI/UX Pro Max - Design Intelligence

Provides comprehensive UI/UX design guidelines, accessibility standards, and design system generation for modern web and mobile applications.

Design Patterns Library

Provides a curated library of proven UI patterns and sector-specific conventions to ensure Claude generates high-quality, production-ready frontend designs.

Netresearch Branding

Applies Netresearch brand identity, design standards, and technical specifications to web projects, documentation, and digital content.

Canvas Design Studio

Generates museum-quality visual art and sophisticated design artifacts through custom-tailored aesthetic philosophies.

Prototype to Production

Converts design prototypes and mockups into production-ready, accessible React components with automated design token extraction.