Design Tools Habilidades de Claude

Frontend Components

Designs reusable and composable UI components with clear props interfaces and single-responsibility encapsulation.

Anthropic Brand Styler

Applies Anthropic’s official visual identity, colors, and typography to presentations and digital artifacts.

Theme Factory

Styles digital artifacts like slides, documents, and HTML pages with professional, curated color palettes and font pairings.

Advanced React Artifacts Builder

Builds complex, multi-component Claude.ai HTML artifacts using modern React, Tailwind CSS, and shadcn/ui frameworks.

Modern CSS & Responsive Design Standards

Implements modern CSS standards, responsive design patterns, and quality-driven styling workflows for CUI projects.

Frontend Design

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices.

UI/UX Pro Max

Designs and implements aesthetically pleasing, production-ready user interfaces using an extensive database of styles, palettes, and best practices.

Frontend CSS

Implements consistent, high-performance styling using modern CSS methodologies and design system patterns.

UI Library Usage Auditor

Audits and optimizes shadcn/ui component implementations to ensure accessibility, consistency, and adherence to design system best practices.

Tailwind and shadcn/ui Setup

Automates the installation and configuration of Tailwind CSS and shadcn/ui for Next.js 16 projects, providing accessible components and dark mode support.

Theme Factory

Applies professional color palettes and typography pairings to presentation decks, components, and design systems for consistent visual branding.

Frontend Design

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

Magic UI Component Builder

Generates production-grade React and TypeScript UI components using modern design patterns from 21st.dev.

Gemini Image Generator

Generates high-quality professional images and technical illustrations using Google's Gemini 2.5 Flash model directly within your development workflow.

Frontend React Stack

Accelerates modern React development using a high-performance stack featuring React 19, TypeScript, Tailwind CSS v4, and TanStack Query.

Tailwind CSS v4

Implements production-grade styling for Next.js applications using modern CSS-first configuration and accessible design patterns.

Component Integration

Integrates React components, MDX content, and Tailwind CSS into Astro projects using optimized island architecture patterns.

Tailwind v4 Design System Enforcer

Enforces strict UI consistency and accessibility standards for Next.js projects using shadcn/ui and Tailwind v4.

Tailwind & shadcn/ui Setup

Automates the installation and configuration of Tailwind CSS and the shadcn/ui component library for production-ready Next.js projects.

Generative UI Patterns

Implements dynamic, AI-generated user interfaces using Vercel AI SDK React Server Components and real-time streaming patterns.

Theme Factory

Applies professionally curated color palettes and font pairings to digital artifacts, presentation decks, and design systems.

Shadcn UI Components

Implements accessible, type-safe UI components for Next.js applications using shadcn/ui, Tailwind CSS v4, and react-hook-form integration.

Design Preferences Architect

Gathers and documents visual design preferences to establish a standardized UI style guide for web and mobile projects.

Svelte UI Design

Architects high-performance Svelte 5 user interfaces using Tailwind CSS 4, Skeleton Labs design tokens, and Bits UI headless components.

Textual TUI Development

Builds sophisticated, interactive terminal user interfaces using the Textual Python framework.

UI Implementation Best Practices

Implements modern, performant user interfaces using Next.js, React, Tailwind CSS, and Shadcn UI following server-first architecture principles.

Chat Card UI Generator

Generates interactive inline UI components using DaisyUI for streamlined user confirmations, selections, and content previews within chat interfaces.

Sales Landing Page Designer

Creates high-converting, mobile-responsive landing pages using proven marketing frameworks and conversion psychology.

Premium Landing Page Designer

Designs high-converting, professional landing pages using premium aesthetic principles and conversion psychology to avoid generic AI-generated looks.

Comprehensive Frontend Development

Builds production-grade web applications by merging distinctive design aesthetics with robust technical implementation using modern React and TypeScript frameworks.