Design Tools Habilidades de Claude

Frontend Design

Generates production-grade, visually striking frontend interfaces that avoid generic AI aesthetics through intentional design thinking and bold creative choices.

Motion Animation

Creates sophisticated, hardware-accelerated React animations and gestures using the Motion library.

AutoAnimate Assistant

Implements zero-config animations and prevents common UI transition errors across modern web frameworks like React and Vue.

Tailwind v4 & Shadcn/ui Architect

Implements high-performance Tailwind v4 and shadcn/ui production stacks using advanced CSS variable architecture.

ASCII Image Art Generator

Converts local images into customizable ASCII art for terminal previews and plain-text documentation.

ASCII Progress & Spinner

Generates professional ASCII progress bars and loading spinners optimized for both interactive terminal sessions and non-interactive logs.

CLI ASCII Logo Generator

Generates professional ASCII art banners and high-fidelity terminal logos with 24-bit ANSI color gradients.

Corporate Brand Styling

Enforces consistent corporate branding, visual identity, and messaging across all generated documents and communications.

Corporate Brand Identity Manager

Standardizes generated documents with consistent corporate branding, including visual styles, typography, and professional messaging.

Frontend Design Specialist

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

Artifacts Builder

Builds sophisticated, multi-component Claude.ai artifacts using React, Tailwind CSS, and shadcn/ui.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high-quality design aesthetics that move beyond generic AI-generated styles.

React Modernization

Upgrades legacy React applications to modern standards using Hooks, concurrent features, and automated codemods.

Frontend Design

Creates distinctive, production-grade frontend interfaces that prioritize high-quality aesthetics and unique design directions.

Frontend Design Pro

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

shadcn/ui Design & Implementation

Simplifies the integration and customization of accessible shadcn/ui components within React and Next.js applications.

Tailwind CSS Design System

Builds scalable, production-grade design systems and component libraries using Tailwind CSS and modern UI patterns.

UI/UX Pro Max - Design Intelligence

Provides comprehensive UI/UX guidance, automated design systems, and implementation patterns for modern web and mobile applications.

Big Tech UI Pro

Generates production-ready frontend interfaces inspired by world-class design systems like Stripe, Vercel, and Apple.

React Development Patterns

Implements production-grade React 19 architecture using expert patterns for Server Components, state management, and performance.

Web Design Guidelines Reviewer

Audits web interfaces and UI code for compliance with professional design systems, accessibility standards, and UX best practices.

Pixel-Perfect UI Implementation

Automates the translation of Figma designs into high-fidelity, production-ready frontend code using a closed-loop refinement process.

Tailwind CSS Design Patterns

Implements production-grade frontend interfaces using standardized Tailwind CSS utility-first patterns and responsive design best practices.

Myfy Frontend Module

Streamlines building modern server-side rendered interfaces with Jinja2, Tailwind 4, DaisyUI 5, and Vite bundling.

Visual Explainer & Diagrammer

Generates high-quality, interactive HTML visualizations and diagrams for technical architectures, data stories, and editorial workflows.

React Modernization Toolkit

Upgrades React applications by automating class-to-hooks migration, implementing React 18 concurrent features, and applying standardized codemods.

React Artifacts Builder

Builds complex, multi-component React artifacts for claude.ai using shadcn/ui and automated single-file bundling.

Advanced UI Artifact Builder

Streamlines the creation of sophisticated, multi-component React artifacts for Claude.ai using modern frontend frameworks.

UI Styling & shadcn/ui Components

Creates beautiful, accessible, and responsive user interfaces using shadcn/ui, Tailwind CSS, and sophisticated visual design systems.

Canvas Design & Visual Arts

Generates professional-grade visual art and design philosophies through a systematic, craftsmanship-focused workflow.