Design Tools Habilidades de Claude

Frontend Design

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

UI/UX Design & Frontend Principles

Implements professional UI/UX design principles, accessibility standards, and responsive layout patterns for modern frontend development.

Design System Analyzer

Extracts precise CSS tokens, animations, and interaction states from websites to generate comprehensive design system documentation and prompts.

Design Style & UI Architect

Creates distinctive, production-grade frontend interfaces by applying specialized design systems and curated aesthetic frameworks.

Frontend Design

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

Tailwind CSS Utility Reference

Provides a comprehensive, categorized reference of Tailwind CSS utility classes to streamline frontend development and styling.

Tailwind CSS Custom Styles

Extends Tailwind CSS capabilities by implementing custom utilities, variants, and organizational patterns for modern web development.

Tailwind CSS Responsive Design

Implements fluid responsive layouts and container queries using modern Tailwind CSS mobile-first design patterns.

Tailwind CSS Spacing

Provides precise implementation of Tailwind CSS v4.1 margin, padding, and space-between utilities for frontend layouts.

Tailwind CSS Typography

Streamlines the implementation of Tailwind CSS v4.1 typography utilities for professional web styling.

Tailwind CSS Utilities

Provides a comprehensive reference of Tailwind CSS utility classes to accelerate frontend development and styling.

Tailwind CSS Borders & Outlines

Styles component borders, radii, outlines, and ring utilities using Tailwind CSS v4.1 standards.

Tailwind CSS Effects Utility

Implements advanced visual styles including shadows, filters, masks, and backdrop blurs using Tailwind CSS v4.1 standards.

Tailwind CSS Sizing Utilities

Simplifies frontend layout construction by providing comprehensive Tailwind CSS v4.1 sizing utilities for widths, heights, constraints, and aspect ratios.

React Performance Expert

Optimizes React applications using memoization, lazy loading, virtualization, and efficient state management patterns.

React Hooks Expert

Implements optimized React hooks and custom patterns following industry best practices for state and lifecycle management.

SOLID React Architect

Enforces strict SOLID principles and modular architecture patterns for high-quality React 19 development.

Tailwind CSS Backgrounds

Empowers Claude to implement advanced Tailwind CSS v4.1 background styling including OKLCH colors, gradients, and blend modes.

Next.js Shadcn UI Expert

Streamlines the implementation of accessible, high-performance UI components using shadcn/ui and TanStack Form within Next.js App Router environments.

React 19 Expert

Implements modern React 19 patterns and core features for high-performance frontend applications.

High-Fidelity UI Component Generator

Generates production-grade, high-fidelity React components using shadcn/ui and 21st.dev with a focus on modern design aesthetics and motion.

Corporate Brand Identity & Style Guide

Standardizes document formatting, visual styling, and professional messaging across PowerPoint, Excel, and PDF files.

Frontend Design

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and high-quality implementation.

Tailwind Design System

Builds production-grade design systems and reusable component libraries using Tailwind CSS, design tokens, and structured UI patterns.

UI Layout Optimizer for Angular

Optimizes Angular UI components and page layouts using standardized design patterns and shared style utilities.

React Modernization

Upgrades React applications to modern standards by migrating class components to hooks and adopting React 18+ features.

One-UI Icon Migrator

Simplifies UI migrations by mapping legacy icons to the standardized One-UI design system.

One UI Angular Migration Patterns

Provides standardized patterns and best practices for migrating Angular components to One UI standards, including tables, forms, and modern syntax.

Shadcn UI Manager

Streamlines the integration and management of Shadcn UI components using official CLI patterns and architectural best practices.

Frontend Design Expert

Generates distinctive, production-grade frontend interfaces with a focus on high-quality aesthetics and creative design choices.