Design Tools Habilidades de Claude

Multicultural Holidays Expert

Manages inclusive, data-driven holiday configurations and themes to ensure cultural accuracy and sensitivity in web applications.

TanStack Table & Data Grids

Builds high-performance, headless data tables with server-side pagination, filtering, and sorting for React and Cloudflare environments.

Responsive Web Layouts

Develops fluid, mobile-first web interfaces using modern CSS techniques like Flexbox, Grid, and adaptive media queries.

Vercel React Best Practices

Optimizes React and Next.js applications using 45 high-impact performance rules curated by Vercel Engineering.

AI Elements Chatbot

Simplifies the creation of production-ready AI chat interfaces using shadcn/ui and Vercel AI SDK v5.

V-Style Design System

Implements professional UI/UX design standards and production-grade CSS frameworks to create beautiful, accessible web interfaces.

Tailwind v4 + shadcn/ui Stack

Standardizes production-ready React setups using Tailwind CSS v4, shadcn/ui, and Vite with automatic dark mode support.

AI SDK UI Hooks

Implements high-performance React hooks for Vercel AI SDK v5 to build streaming chat interfaces and structured data UIs.

Base UI React Components

Streamlines the implementation of accessible, unstyled React components using MUI Base UI and Floating UI positioning.

Frontend Design Professional

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics in favor of high-fidelity, custom designs.

AutoAnimate Zero-Config

Simplifies adding smooth, production-ready animations to React components with zero configuration and minimal overhead.

Interaction Design

Implements intuitive user experiences through microinteractions, feedback patterns, and accessible design guidelines.

Nano Banana Image Prompt Generator

Generates high-quality, natural-language image prompts optimized for the Gemini 2.5 Flash Image model using professional photography and design standards.

Inspira UI for Vue and Nuxt

Streamlines the implementation of over 120 animated Vue and Nuxt components using TailwindCSS v4, motion-v, and Three.js.

Rails ViewComponents

Builds modern, component-based Ruby on Rails user interfaces using ViewComponent, Turbo, and Stimulus.

Twig Components for Symfony

Builds reusable, reactive UI components using Symfony UX Twig and Live Components.

Aceternity UI Components

Empowers Claude to implement over 100 high-performance, animated React components using Aceternity UI for Next.js and Tailwind projects.

UI Design Standards & Constraints

Enforces opinionated constraints and best practices for building accessible, high-performance web interfaces using Tailwind CSS and modern React primitives.

GPUI Development Patterns

Provides standardized UI patterns and implementation guides for building high-performance Rust applications with the GPUI framework.

Frontend Design Guidelines Creator

Generates comprehensive design guidelines and accessibility documentation for frontend projects automatically.

Frontend Design Pro

Creates distinctive, production-grade frontend interfaces with high-end aesthetic quality and creative UI design patterns.

shadcn-vue for Claude Code

Implements accessible, production-ready UI components in Vue and Nuxt applications using Reka UI and Tailwind CSS.

Thesys Generative UI

Generates production-grade React components and type-safe generative user interfaces from natural language prompts.

Mobile-First Design

Implements responsive, performance-focused web interfaces starting from mobile screens with progressive enhancement for larger devices.

Maz-UI Vue & Nuxt Components

Streamlines Vue 3 and Nuxt 3 application development with a library of 50+ accessible, production-ready components and specialized composables.

Design Review

Performs systematic 7-phase frontend design audits covering accessibility, responsiveness, and visual polish.

Motion Animation for React

Implements high-performance React animations using the industry-standard Motion library for gestures, scroll effects, and layout transitions.

ChatGPT App Widget Builder

Integrates polished, responsive Tailwind CSS widgets into ChatGPT Apps using pre-defined UI patterns and SDK configurations.

ChatGPT App Widget Builder

Streamlines the creation of interactive, Tailwind-powered UI widgets for ChatGPT Apps using pre-built professional templates.

Frontend Design

Generates distinctive, production-grade web interfaces with high-end aesthetics and bespoke design systems.