Design Tools Habilidades de Claude

Svelte 5 Code Writer

Streamlines Svelte 5 development by providing instant documentation access and automated code analysis for components and modules.

UI/UX Pro Max - Design Intelligence

Generates professional, production-grade UI/UX designs and code implementations using a searchable database of modern styles, palettes, and framework-specific best practices.

UI/UX Pro Max

Streamlines professional UI/UX design and implementation by providing curated design systems, styles, and best practices across modern web and mobile stacks.

Frontend Accessibility

Implements WCAG 2.1 AA compliant web patterns to ensure inclusive and accessible user interfaces.

Web Styling & SCSS Modules

Implements scalable, themeable design systems using SCSS Modules, CSS Cascade Layers, and a semantic two-tier token architecture.

Motion Animation (Framer Motion)

Implements production-grade React animations using Motion patterns for declarative UI transitions, gestures, and scroll effects.

React Hook Form Patterns

Streamlines the creation of type-safe, high-performance React forms using industry-standard React Hook Form patterns and best practices.

Vue 3 Composition API Expert

Implements modern Vue 3 components using the Composition API, script setup syntax, and reactive design patterns.

Frontend Design Excellence

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

Twind & Tailwind Styling Guide

Implements consistent, production-ready frontend styling systems using Twind and Tailwind CSS design patterns.

Product Design Principles

Provides universal design guidance and aesthetic frameworks to create cohesive, user-centric product interfaces.

Product UX Design Guide

Provides comprehensive UX design principles, interaction patterns, and accessibility standards to build intuitive user interfaces.

Frontend General Principles

Implements industry-standard frontend engineering practices to build scalable, high-performance web applications with structured design patterns.

UI Pattern Verifier

Automates UI consistency audits to ensure adherence to design systems, library standards, and layout patterns.

Design System Showcase

Automatically builds and maintains a living component library to ensure every UI element is visually documented and tested.

Badge Consistency Verifier

Ensures UI consistency and type safety for status badges across frontend projects by enforcing design system standards.

Hi-Fi Design Quality Framework

Transforms UI designs from Low-Fi to high-fidelity using a systematic 11-dimension decision framework.

Frontend Aesthetics & Design Polish

Identifies and eliminates generic AI-generated design patterns to create distinctive, high-quality frontend interfaces.

Design System Architect

Manages design tokens, builds standardized component libraries, and ensures UI consistency through automated compliance audits.

UI Review & UX Auditor

Performs comprehensive UI/UX audits to ensure visual consistency, accessibility compliance, and design system adherence in frontend implementations.

Material Design 3 (M3) Expert

Builds modern, adaptive web interfaces following Google's Material Design 3 (Material You) system with dynamic colors and bold typography.

Textual UX Auditor

Audits and improves the quality of user-facing text, error messages, and microcopy to ensure consistent and professional communication.

Gemini Image Generation Prompting

Optimizes AI image generation and editing using Gemini models through structured prompting and iterative refinement.

UX Psychologist

Diagnoses user behavior patterns and optimizes UI layouts using 47 behavioral psychology laws to increase conversion and retention.

Remotion Video Development

Automates the creation of high-quality, programmatic videos using Remotion and React best practices.

Frontend Design

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design thinking and meticulous implementation.

Django HTMX Patterns

Implements best-practice HTMX integration for Django applications, focusing on partial templates and progressive enhancement.

Skeleton UI Components

Integrates Skeleton UI's component library and Tailwind CSS design tokens into the Svelte development workflow.

MCP App & UI Integrator

Transforms standard MCP tools into interactive applications by adding rich frontend UIs and visual dashboards.

Competiscore SVG Icon Generator

Generates high-quality, theme-aware SVG icons for player avatars, team emblems, and game categories.