Design Tools Habilidades de Claude

React Component Quality Expert

Enforces high-quality React development through single-responsibility components, loose coupling, and standardized English documentation.

UI/UX Designer

Builds high-quality, accessible web interfaces and design systems using modern frontend best practices and pre-configured templates.

Frontend Design

Generates distinctive, production-grade frontend interfaces and high-quality UI components that avoid generic AI aesthetics.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and creative, polished code.

Claude Photo Manager

Manages and analyzes visual content by handling photo uploads, image processing, OCR, and UI debugging directly within Claude Code.

Frontend Responsive

Implements mobile-first, adaptive layouts and touch-friendly interfaces across various screen sizes and devices.

Frontend Responsive

Builds adaptive, mobile-first layouts using fluid design principles and standard breakpoints across all device types.

Frontend Components

Builds reusable, composable UI components following the single responsibility principle and modern state management patterns.

Frontend Component Patterns

Generates accessible, multi-style UI components using React, Tailwind CSS, and Class Variance Authority.

Lovelace Dashboard Architect

Architects sophisticated, responsive Home Assistant dashboards using advanced Lovelace YAML patterns and custom cards.

Anthropic Brand Guidelines

Applies Anthropic’s official corporate identity, color palette, and typography to digital artifacts and design documents.

Canvas Design

Generates museum-quality visual art and design assets through a structured philosophical framework.

React Accessibility for Chakra UI

Enforces WCAG 2.1 AA compliance and implements advanced keyboard navigation for React applications using Chakra UI.

UX Strategy

Develops comprehensive UX strategies, measurement frameworks, and organizational roadmaps to align user experience with business goals.

Precision UI & Design Systems

Enforces high-precision, minimal design systems for enterprise dashboards and SaaS interfaces inspired by industry-leading aesthetics.

Visual Design System

Generates systematic, accessible visual designs and design token architectures using modern color spaces and Atomic Design principles.

App Accessibility

Ensures software compliance with accessibility standards by implementing inclusive design patterns and best practices across application components.

Art & Visual Systems

Generates technical diagrams, editorial illustrations, and comic panels using a distinctive Excalidraw-style hand-drawn aesthetic.

StudioJinsei Nanobanana Visuals

Generates high-quality brand assets and character illustrations using the Google Gemini API.

Sigil Design Pattern Governance

Manages design system approvals and formalizes overrides for UI fidelity while enforcing immutable technical constraints.

Design Excellence

Generates distinctive, production-grade frontend interfaces with a focus on polished typography, sophisticated color systems, and high-fidelity micro-interactions.

Grove UI Design System

Implements warm, nature-inspired UI components and seasonal design systems for the Grove platform.

Component Architect

Generates production-ready UI components with full boilerplate, tests, and documentation across multiple frontend frameworks.

Canvas Design

Produces museum-quality visual designs and artistic compositions by applying rigorous design philosophies and professional-grade craftsmanship.

Frontend Design

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

CLI Design Architect

Provides expert guidance and UX principles for building intuitive, discoverable, and professional command-line interfaces.

Page Builder

Streamlines the creation of high-quality marketing landing pages using a curated library of Tailark and Tailwind CSS components.

UX Research & Insights

Guides user experience research from planning and methodology selection through data synthesis and actionable insight delivery.

UX Design Orchestration

Orchestrates end-to-end user experience workflows by coordinating specialized skills in research, architecture, interaction, and visual design.

Distinctive Frontend Design

Builds production-grade frontend interfaces with memorable aesthetics and context-specific design patterns.