Design Tools Habilidades de Claude

Ratatui Rust TUI Builder

Builds sophisticated, high-performance terminal user interfaces in Rust using the Ratatui framework.

Next.js UI Builder

Generates functional, hackathon-ready Next.js user interfaces using standardized patterns and Tailwind CSS.

Frontend Design Architect

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

Frontend Design

Creates distinctive, production-grade frontend interfaces using Astro and Tailwind CSS while avoiding generic AI aesthetics.

Image Processing Toolkit

Automates image resizing, compression, and format conversion with smart aspect ratio cropping and batch support.

Futuristic UI/UX Designer

Generates futuristic UI/UX design specifications featuring glassmorphism, 3D depth, and modern SaaS aesthetics.

Motion & Interaction Designer

Designs purposeful, performant UI animations and transitions using Framer Motion for React and Next.js applications.

Three.js React UI Specialist

Integrates performant, subtle 3D UI elements and micro-interactions into React and Next.js applications using React Three Fiber.

Web Design Guidelines Auditor

Audits frontend code for compliance with professional web interface standards and accessibility best practices.

Algorithmic Art Studio

Generates sophisticated, gallery-quality generative art and interactive p5.js sketches based on computational philosophy.

Advanced Web Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using professional frontend stacks like shadcn/ui and Tailwind CSS.

Tailwind CSS Setup & Patterns

Streamlines Tailwind CSS 4.x configuration and provides optimized utility patterns for modern React applications.

UI/UX Pro Max

Provides comprehensive UI/UX design intelligence, styles, and implementation patterns for professional web and mobile applications.

React & Next.js Performance Optimizer

Optimizes React and Next.js applications using 45 performance-focused rules established by Vercel Engineering.

Remotion Video Development

Facilitates the creation of high-quality, programmatic videos using React and the Remotion framework.

Theme Factory

Applies professional visual themes and curated font pairings to artifacts like slides, documents, and landing pages.

React UI Patterns

Implements production-grade React UI patterns for loading states, error handling, and asynchronous data management.

Core Components Design System

Enforces standardized UI patterns and design tokens to ensure visual consistency and high-quality frontend development.

3D Web Experience Architect

Builds immersive, high-performance 3D web experiences using Three.js, React Three Fiber, and Spline.

Web Interface Guidelines Auditor

Audits frontend code for compliance with industry-standard design, accessibility, and UX best practices.

Book Narration Interface

Streamlines the development of frontend interfaces for digital book narration and audiobook systems.

Anthropic Brand Styling

Applies Anthropic's official brand identity, color palettes, and typography to visual artifacts and documents.

Core UI Components & Design System

Enforces design system consistency by providing standardized UI components and tokenized styling patterns for frontend development.

Next.js Best Practices

Optimizes Next.js App Router development with expert patterns for Server Components, data fetching, and performance.

React Architecture & Design Patterns

Guides the implementation of production-ready React applications using modern patterns, React 19 features, and TypeScript best practices.

Canvas Design & Visual Philosophy

Generates museum-grade visual art and sophisticated design philosophies through meticulous spatial composition and minimalist aesthetics.

Algorithmic Art Generator

Creates gallery-quality generative art and interactive p5.js compositions based on deep computational philosophies.

React UI Design Patterns

Implements standardized React UI patterns for loading states, error handling, and resilient data fetching.

UI/UX Pro Max Design Intelligence

Optimizes frontend development with a comprehensive design intelligence system featuring 50+ styles, accessibility audits, and tech-stack specific implementation patterns.

Core UI Components & Design System

Standardizes frontend development by enforcing design system patterns, semantic tokens, and reusable core components for consistent UI building.