Design Tools Habilidades de Claude

UI/UX Pro Max

Provides expert UI/UX design intelligence and implementation guidance for modern web and mobile applications across multiple frameworks and styles.

UI/UX Pro Max

Generates professional design systems, high-fidelity UI components, and accessibility-first styling guidelines across major frontend frameworks.

Theme Factory

Styles artifacts like slides, documents, and landing pages with professional font pairings and cohesive color palettes.

Slack GIF Creator

Generates and optimizes high-quality animated GIFs and custom emojis specifically tailored for Slack's technical requirements.

Algorithmic Art Studio

Generates sophisticated, gallery-quality algorithmic art using p5.js and specialized computational philosophies.

Advanced React Artifact Builder

Builds complex, multi-component React applications bundled into high-performance single-file HTML artifacts for Claude.ai.

Frontend Design

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

Tailwind CSS v4 Patterns

Implements modern, high-performance Tailwind CSS v4 styling patterns using CSS-native configuration and design token architecture.

Avalonia Layout with Zafiro

Streamlines Avalonia UI development by implementing semantic layouts and clean styling patterns using the Zafiro toolkit.

Immersive Scroll Experiences

Builds cinematic, scroll-driven web experiences using parallax storytelling, interactive narratives, and advanced animation techniques.

Frontend Development Guidelines

Enforces modern React and TypeScript standards using Suspense, TanStack Query, and MUI v7 for high-performance web applications.

Immersive Scroll Experiences

Builds high-impact web narratives using advanced scroll-driven animations, parallax effects, and cinematic transitions.

Avalonia Layout & Zafiro Styling

Streamlines Avalonia UI development by implementing modern layout patterns and semantic containers using the Zafiro toolkit.

Frontend Dev Guidelines & Patterns

Standardizes modern React and TypeScript development using best practices for Suspense, TanStack Query, and MUI v7.

Immersive Scroll Experiences

Builds immersive, scroll-driven web experiences including parallax storytelling and cinematic interactive narratives.

Avalonia Layout with Zafiro

Optimizes Avalonia UI development by implementing Zafiro-based semantic containers and clean XAML architectural patterns.

Modern React Frontend Guidelines

Standardizes React and TypeScript development using modern patterns like Suspense, TanStack Router, and MUI v7.

AI & LLM Icon Finder

Locates and retrieves high-quality brand icons for AI models, providers, and applications from the lobe-icons library.

Gamma Presentation Editing & Export

Automates the modification, slide-level management, and multi-format exporting of Gamma presentations via the Gamma SDK.

ARIA Accessibility Assistant

Automates the implementation of ARIA attributes and accessibility best practices for modern web applications.

Chakra UI v3 Assistant

Builds accessible, high-performance React applications using Chakra UI v3's modern component architecture and design tokens.

Excalidraw Diagram Generator

Generates professional, ready-to-open Excalidraw diagrams and architectural schemas from natural language descriptions.

React Vite Frontend Development

Accelerates modern React 18+ development using the Vite build tool, TypeScript integration, and advanced state management patterns.

Tailwind CSS v4.1 Core

Implements a CSS-first approach for styling applications using Tailwind CSS v4.1 directives and theme variables.

Mermaid Class Diagram Generator

Generates professional Mermaid.js class diagrams to visualize software architecture and object-oriented relationships.

Frontend Enhancer

Enhances Next.js web applications with modern UI components, responsive layouts, and professional design systems.

Ideogram Installation & Authentication

Installs and configures Ideogram SDKs and API authentication for AI-powered visual design projects.

Gamma Cost Tuning

Optimizes Gamma API expenditures through advanced usage monitoring, caching strategies, and quota enforcement logic.

Ideogram Quickstart

Bootstraps a minimal working Ideogram API integration to verify environment setup and connectivity.

Ideogram API Error Troubleshooter

Diagnoses and resolves common Ideogram API errors, authentication issues, and integration failures to streamline AI design workflows.