Design Tools Habilidades de Claude

React DnD Kit Patterns

Implements robust drag-and-drop functionality using @dnd-kit for seamless item reordering in React applications.

3D Visualization & Three.js

Creates immersive 3D web experiences, interactive data visualizations, and performance-optimized Three.js scenes using React Three Fiber.

Gemini 3 Pro Image Generation

Generates high-resolution 4K images with integrated text rendering and factual grounding using Google's Gemini 3 Pro Image model.

Professional Logo Design Guide

Guides the creation and evaluation of effective logos using professional design principles, psychology, and standardized testing frameworks.

Branding & Visual Identity

Establishes cohesive brand identity systems including visual standards, color palettes, typography, and verbal tone guidelines.

Baseline UI

Enforces an opinionated, high-quality UI baseline to prevent generic AI-generated interface patterns and ensure accessible, performant frontend code.

Nano Banana Pro Image Generator

Generates and edits high-resolution images directly within Claude Code using the Gemini 3 Pro Image API.

Frontend Design Expert

Creates distinctive, professional frontend interfaces by moving beyond generic AI-generated styles with advanced typography, color theory, and motion.

Accessibility Fixer

Audits and remediates web accessibility violations to ensure WCAG compliance and inclusive user experiences.

Theme Factory

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

Frontend Design Pro

Creates distinctive, production-grade frontend interfaces with a focus on high-end aesthetics and non-generic design patterns.

Animation Performance Optimizer

Optimizes UI animations and transitions by enforcing high-performance rendering patterns and eliminating layout thrashing.

Frontend Dashboard Components

Develops and maintains high-performance React 19 dashboard components using Next.js 15, shadcn/ui, and Recharts for sentiment monitoring interfaces.

SolidJS State & Reactivity Patterns

Implements fine-grained reactivity and UI state patterns for SolidJS to prevent state coupling and asynchronous deadlocks.

Web Artifacts Builder

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

Modern UI & shadcn/ui Styling

Creates beautiful, accessible user interfaces using shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.

Baseline UI Standards

Enforces professional UI/UX standards to eliminate generic AI-generated interface patterns and ensure accessible, high-performance code.

Artistic Canvas Designer

Generates sophisticated, museum-quality visual designs and posters based on custom-developed artistic philosophies.

Web Artifacts Builder

Builds complex, multi-component React artifacts for Claude using shadcn/ui and modern frontend stacks.

Anthropic Brand Guidelines

Applies Anthropic's official visual identity, colors, and typography to artifacts to create professional, brand-compliant assets.

Anthropic Brand Guidelines

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

Frontend Design

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

Frontend Design

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

Theme Factory

Applies professional visual themes, color palettes, and font pairings to slides, documents, and web artifacts.

Algorithmic Art Studio

Creates sophisticated, original generative art using p5.js based on custom computational philosophies and seeded randomness.

Algorithmic Art & Generative Design

Creates sophisticated, gallery-quality generative art using p5.js through custom algorithmic philosophies and interactive parameter exploration.

Canvas Design Architect

Generates sophisticated visual art and original design philosophies through high-fidelity digital canvases.

Canvas Design Studio

Generates museum-quality visual art and design philosophies through systematic aesthetic frameworks and master-level craftsmanship.

Interactive Dashboard Architect

Transforms cluttered, flat dashboard pages into organized, tabbed layouts with interactive HTML mockups and implementation blueprints.

ANIF Website Builder

Builds premium, designer-grade marketing websites and landing pages using the ANIF framework to eliminate generic AI-generated aesthetics.