Design Tools Habilidades de Claude

React Modernization

Upgrades legacy React applications to modern standards by migrating class components to hooks and implementing React 18 concurrent features.

Accessibility Patterns

Builds inclusive web experiences by implementing WCAG guidelines, semantic HTML, and advanced ARIA patterns.

Canvas Design

Generates museum-quality visual art and static designs by establishing a deep aesthetic philosophy followed by meticulous high-craftsmanship execution.

React and Next.js Patterns

Implements high-performance React and Next.js patterns for building scalable and maintainable frontend applications.

Figma Plugin Development

Develops powerful Figma plugins using the Plugin API, including node manipulation, UI integration, and design automation.

Marp Slide Creator

Generates professional Marp/Marpit presentations with custom SVG diagrams and consistent color design systems.

Preact & Tailwind Frontend

Standardizes frontend development workflows using Preact, Tailwind CSS, and accessibility-first design patterns.

Advanced Glassmorphism UI

Generates sophisticated frosted glass effects and transparent overlays using advanced Tailwind CSS patterns and multi-agent validation.

FPKit Developer

Streamlines the development of accessible React applications by providing guidance on composing and extending @fpkit/acss component primitives.

UI/UX Pro Max - Design Intelligence

Provides expert-level UI/UX guidance, design systems, and implementation patterns across multiple frontend frameworks.

Infographic Generator

Transforms complex text and data into professional, publication-ready infographics using diverse layouts and visual styles.

Jungian Archetypes for UI/UX

Translates Jungian psychological archetypes into cohesive UI/UX design systems, including Tailwind patterns, typography, and motion principles.

Monet

Streamlines the integration of pre-built React and TypeScript components from a curated registry to accelerate landing page development.

WCAG 2.2 Accessibility Guidelines

Applies WCAG 2.2 accessibility standards to web development projects through actionable implementation rules and best practices.

Svelte Expert

Builds production-ready Svelte components and SvelteKit applications with automated code validation and documentation access.

Responsive Typography Skills

Implements fluid typography using CSS clamp() to create responsive font sizes that scale smoothly with the viewport.

Gravatar Image Downloader

Downloads Gravatar profile pictures to local storage for use in development projects, team caches, or backups.

Design Movements

Guides Claude in applying historical design principles and aesthetic lineages to modern UI/UX and frontend development projects.

Design System Auditor

Analyzes codebase for Tailwind design system inconsistencies and hardcoded color violations to ensure visual consistency.

Gravatar URL Generator

Generates customized Gravatar avatar and profile URLs from email addresses using MD5 hashing and display parameters.

Major Arcana UI Design System

Generates evocative UI color palettes and visual atmospheres based on Tarot archetypes to enhance digital storytelling.

Artistic Icon Generator

Generates ten distinct artistic greyscale icon variations from any image source with automatic compression and high-contrast optimization.

Nano Banana Pro

Generates custom AI images using Google's Gemini 2.5 Flash for seamless integration into web designs and frontend components.

Cover Image Generator

Generates professional, hand-drawn style article covers by analyzing your content's tone and message.

Image Generation Skill

Generates high-quality images and illustrations using OpenAI and Google APIs directly from your development workflow.

Anthropic Brand Styler

Applies Anthropic's official brand colors, typography, and visual identity to digital artifacts and document templates.

Web Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and modern frontend workflows.

Image Illustrator

Creates, converts, and composes professional visual assets using custom generation scripts and image manipulation tools.

ViewComponents Specialist

Implements modular, enterprise-grade Rails UI components using the ViewComponent framework to enhance view maintainability and testability.

Complex React Artifacts Builder

Streamlines the creation of sophisticated, multi-component React artifacts using shadcn/ui and Tailwind CSS for claude.ai.