Design Tools Habilidades de Claude

HTML Presentation Generator

Generates professional, single-file HTML presentations with strict design standards and built-in data visualization components.

Gemini Nano Image Generation

Generates and edits high-quality AI images using the Gemini Nano Banana Pro model directly through the command line.

Hand-Drawn Technical Art

Generates technical diagrams and editorial illustrations with a consistent Excalidraw-inspired hand-drawn aesthetic in dark mode.

Strategic Interface Colorizer

Enhances monochromatic UI designs by strategically introducing brand-aligned colors, semantic indicators, and visual hierarchy.

DaisyUI Component Design

Builds semantic, themeable user interfaces using the DaisyUI component library for Tailwind CSS.

FlyonUI Component Library

Builds interactive Tailwind CSS interfaces using FlyonUI's semantic components and integrated JavaScript plugins.

HeadlessUI Vue Components

Builds fully accessible, unstyled UI components for Vue 3 applications using HeadlessUI patterns and best practices.

Tailwind CSS Guidelines

Provides standardized patterns and best practices for writing, reviewing, and refactoring utility-first Tailwind CSS code.

Tailwind Marketing UI Patterns

Generates high-converting marketing page components and layouts using production-grade responsive Tailwind CSS patterns.

Tailwind CSS Component Toolkit

Streamlines frontend development with standardized Tailwind CSS class recipes and HeadlessUI integration patterns for accessible UI components.

Accessibility Compliance & WCAG Standards

Implements WCAG 2.1/2.2 standards and POUR principles to create inclusive, legally compliant web interfaces.

Antigravity UI/UX Designer Expert

Architects user-centered interfaces, comprehensive design systems, and accessible digital experiences using modern design methodologies and token-based systems.

UX Researcher

Conducts evidence-based user research, usability testing, and persona development to validate design decisions with real-world data.

XR Architect

Architects ergonomic, human-centered spatial interfaces and interaction patterns for immersive 3D environments and visionOS applications.

Inclusive Visuals & Accessibility Specialist

Ensures UI components and AI-generated assets meet WCAG standards while representing humans with dignity and cultural accuracy.

Visual Storyteller

Transforms complex information into compelling visual narratives and multi-platform marketing assets using brand-aligned design systems.

UX Architect & Structural Foundation

Builds technical UX foundations, navigation structures, and design system tokens to bridge the gap between design vision and developer implementation.

Image Prompt Engineer

Crafts precise, production-ready AI image and video prompts optimized for major generative platforms and brand consistency.

Cultural Intelligence & Inclusive Design

Adapts digital products for global audiences by identifying and resolving invisible exclusion in UI, copy, and imagery.

Maycrest UI Designer

Creates production-ready, pixel-perfect interfaces and design systems using Maycrest brand tokens and NativeWind.

Maycrest Web Design System

Standardizes UI/UX patterns and frontend design strategy for the Maycrest intelligence platform and brand website.

Canva Infographic Builder

Constructs professional, tech-themed infographics and LinkedIn carousels using standardized Canva design systems and cyber-security aesthetics.

Visual Research & Image Analysis

Conducts deep visual research by searching the web, extracting images, and analyzing them for UI patterns, colors, and typography.

Avad Design Consultation

Builds comprehensive, opinionated design systems and visual guidelines for new or existing projects within Claude Code.

Avad Design Review

Conducts comprehensive visual audits and automatically fixes styling inconsistencies, spacing errors, and UI hierarchy issues.

AVAD Plan Design Review

Conducts a rigorous UI/UX audit of implementation plans to ensure high-quality, intentional design before code is written.

Frontend Development & MudBlazor UI

Builds production-ready Blazor components and layouts adhering to the MudBlazor design system and project-specific conventions.

Python App Development Standards

Standardizes Python desktop application development using predefined brand colors, license management workflows, and consistent GUI patterns.

React Insight Development Standard

Standardizes React and Next.js development with specialized brand themes, API gateway patterns, and license management components.

Harmonic Insight Design System

Implements and enforces the Ivory & Gold design system across multi-platform applications to ensure brand consistency.