Design Tools Habilidades de Claude

Breakpoint Strategies

Architects robust responsive design systems and adaptive layout strategies for seamless cross-device user experiences.

Design System Setup

Initializes a robust design system foundation with configurable tokens, UI patterns, and multi-format documentation.

Gridfinity OpenSCAD Generator

Generates specification-compliant OpenSCAD code for custom Gridfinity bins, baseplates, and modular desktop organizers.

UI/UX Pro Max Design Intelligence

Provides comprehensive UI/UX design guidance, accessibility standards, and implementation patterns across nine modern technology stacks.

Vercel React Best Practices

Optimizes React and Next.js application performance using 57 authoritative engineering rules from Vercel.

Atomic React Component Architect

Generates production-grade React and Next.js components following Atomic Design principles, TypeScript, and Tailwind CSS v4 standards.

Tailwind CSS v4 Development

Styles modern web applications using Tailwind CSS v4 utilities and CSS-first configuration patterns.

Animation Libraries Expert

Streamlines the implementation of high-performance web animations using popular libraries like Framer Motion, GSAP, and Lottie.

Microinteraction Patterns

Implements polished UI feedback loops and animations to enhance user engagement and interface clarity.

Frontend Design

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

UI/UX Pro Max

Generates professional UI/UX design systems and implementation guides for web and mobile applications across multiple technology stacks.

Tailwind CSS v4 Development

Styles web applications using modern Tailwind CSS v4 utilities, CSS-first configuration, and responsive UI patterns.

CSS Styling Approaches

Provides architectural guidance and implementation strategies for modern CSS styling methodologies and frameworks.

Shadcn UI Assistant

Streamlines the implementation and customization of accessible, high-quality React components using Tailwind CSS and Radix UI primitives.

UI Styling Patterns

Implements consistent and high-quality frontend styling using established design patterns and CSS best practices.

Modern Web Design Creator

Generates production-ready, responsive websites using Tailwind CSS, professional design systems, and modern animations.

Vercel React Best Practices

Optimizes React and Next.js application performance using 57 high-impact engineering rules from Vercel.

Achievement Tree Design System

Generates custom, high-fidelity UI components for the Achievement Tree application using a proprietary visual and interaction framework.

React UI Design Patterns

Implements production-ready React UI patterns for loading states, error handling, and data fetching to improve user experience.

React UI Design Patterns

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

Frontend Design Pro

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

Frontend Design Pro

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

React Production Patterns

Implements modern React architecture, hooks, and performance best practices for production-ready web applications.

Fluid Responsive Layouts

Generates and optimizes responsive web layouts using modern CSS techniques for seamless cross-device compatibility.

Tailwind CSS v4 Patterns

Implements modern utility-first CSS using Tailwind CSS v4 principles, including CSS-native configuration and native container queries.

UI/UX Pro Max - Design Intelligence

Generates professional, production-grade UI/UX designs and code implementations using a searchable database of modern styles, palettes, and framework-specific best practices.

Tailwind CSS v4 Patterns

Implements modern Tailwind CSS v4 design patterns using CSS-native configuration and utility-first principles.

UI/UX Pro Max

Streamlines professional UI/UX design and implementation by providing curated design systems, styles, and best practices across modern web and mobile stacks.

Web Design Guidelines Auditor

Audits frontend code against industry-standard web interface guidelines to ensure accessibility, UX consistency, and UI quality.

Web Interface Guidelines Auditor

Audits UI code against industry-standard design principles to ensure high-quality UX and accessibility compliance.