Design Tools Habilidades de Claude

Accessibility Patterns

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

Refactoring UI Assistant

Refactors and polishes frontend code using professional visual design principles to improve hierarchy, spacing, and typography.

Frontend Design

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

Frontend Design Specialist

Generates high-fidelity, production-grade frontend interfaces that prioritize unique aesthetics over generic AI-generated patterns.

Frontend Design Systems

Architects consistent, production-ready frontend UI components using systematic design tokens and accessible component patterns.

Frontend Design Systems

Standardizes frontend development through scalable design tokens, accessible component patterns, and systematic layout architectures.

GSAP Animation Setup & Best Practices

Standardizes the installation, plugin registration, and configuration of GreenSock (GSAP) to ensure high-performance web animations and maintainable code.

Canvas Visual Design

Generates high-quality visual art and static designs in PNG and PDF formats using professional design principles and programmatic canvas libraries.

CSS Container Queries Pro

Implements and refactors component-based responsive designs using modern CSS container queries and Tailwind CSS patterns.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality, avoiding generic AI aesthetics.

macOS Native Design

Guides the creation of native-feeling macOS applications using SwiftUI and AppKit with a focus on Apple's Human Interface Guidelines.

UI Color Palettes

Provides 12 production-ready color systems with 50-900 shade scales in Hex and HSL for comprehensive UI design and CSS styling.

Professional UI Color Palettes

Provides 12 production-ready color scales with hex and HSL values to streamline UI design and design system development.

Theatre.js Animation & Motion Design

Implements high-fidelity motion design, timeline animations, and interactive Three.js scenes using the Theatre.js ecosystem.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a high-quality, warm, and nature-inspired aesthetic for the Breath of Now project.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and a unique aesthetic.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and a memorable aesthetic.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high design quality that avoid generic AI aesthetics.

Distinctive Frontend Architect

Generates production-grade, art-directed frontend interfaces that avoid generic AI aesthetics through editorial typesetting and tactile depth.

AI Image Generator

Generates high-quality, custom images for blog posts and other content using the fal.ai API.

Tenzir UI Design System

Implements Tenzir's standardized design system tokens and component specifications for consistent, brand-aligned frontend development.

Frontend Engineering Standards

Standardizes modern React and TypeScript development workflows with best practices for routing, styling, and data fetching.

Next.js Frontend Development

Builds distinctive, high-performance user interfaces using modern typography and purposeful animations while avoiding generic design patterns.

Frontend Design

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

Slide Quality Assessment

Evaluates and optimizes presentation slides using evidence-based design principles and a systematic 12-point quality checklist.

Visual Engine

Orchestrates sophisticated animation presets, 3D visual components, and interactive gallery experiences while maintaining strict accessibility and performance standards.

Image Analyze & Comparison

Analyzes and compares images using AI or local processing to facilitate design reviews, visual regression testing, and metadata inspection.

UI Component Story Generator

Generates standardized, comprehensive story examples for UI components to streamline documentation and visual testing.

Methodology Diagram Generator

Generates publication-quality methodology diagrams from text descriptions using the PaperBanana engine.

Minimalist Logo Design

Generates high-impact, minimalist vector logo prompts for AI image generators based on company concepts.