Design Tools Habilidades de Claude

React Component Architect

Generates production-grade React components with standardized TypeScript scaffolding and architectural compliance.

Next.js Component Architect

Generates standardized React components for Next.js using a structured decision tree to optimize server and client-side logic.

Version Badge Component Generator

Implements a framework-agnostic version badge component with interactive tooltips showing build metadata and recent changelog entries.

Web Design Compliance Reviewer

Audits UI code against Vercel-inspired Web Interface Guidelines for consistency, accessibility, and UX best practices.

Rapid UI Prototyping

Generates three visually distinct, high-fidelity HTML/CSS component mockups from a single text prompt using unique physical metaphors.

Frontend Expert UI/UX

Builds and reviews production-grade frontend interfaces with a focus on accessibility, semantic structure, and distinctive visual design.

WPF Dynamic Graphics

Generates complex WPF shapes and geometries programmatically in C# for advanced data visualization and UI components.

MewUI Graphics Rendering

Renders custom graphics and UI components in MewUI using the IGraphicsContext API and the three-pass layout pipeline.

Gemini AI Image Generator

Generates professional-grade images using Google's Nano Banana Pro model directly within your development environment.

MewUI Layout System

Constructs structured .NET user interfaces using the specialized MewUI layout panels and fluent API patterns.

MewUI Data Binding

Simplifies reactive UI development in .NET by binding MewUI controls to data sources using observable patterns and fluent syntax.

MewUI Custom Control Builder

Builds high-performance custom MewUI controls with precise measurement, rendering, and input handling logic.

MewUI Tree Navigator

Navigates and manipulates the MewUI visual element hierarchy for efficient .NET UI development.

WPF Brush Pattern Designer

Generates professional WPF brush styles including gradients, tile patterns, and visual reflections for high-quality desktop UI design.

WPF ThemeInfo Configurator

Configures the ThemeInfo attribute in WPF projects to ensure custom control styles load automatically and correctly across assemblies.

WPF Vector Icon Creator

Generates resolution-independent, scalable vector icons and reusable XAML styles for WPF applications.

Draw.io Diagramming for Claude

Integrates draw.io with Claude to create, manage, and edit professional diagrams directly through the Model Context Protocol (MCP).

Draw.io Diagramming

Generates, edits, and manages professional architecture diagrams and flowcharts directly within AI-powered development workflows using MCP servers.

AI Diagram Generation for draw.io

Generates structured, professional draw.io diagrams using AI models like Claude, Gemini, and GPT through optimized XML patterns.

Draw.io Diagram Catalog

Provides an exhaustive reference for selecting and implementing over 190 diagram types for technical documentation and system design.

Data Structure Diagramming

Generates professional computer science data structure visualizations for draw.io including arrays, trees, and graphs.

Draw.io Diagramming Architect

Guides the creation and documentation of professional technical diagrams using standardized draw.io notations and XML patterns.

Draw.io XML Generator

Generates valid draw.io and diagrams.net XML structures including mxGraphModel definitions, shapes, and complex styling.

AI Diagram Generation for draw.io

Generates and modifies professional diagrams using draw.io's AI capabilities and Large Language Models.

Draw.io Diagram Catalog

Provides a master reference for over 190 diagram types with selection guides, complexity ratings, and XML implementation patterns.

Draw.io Diagram Architect

Generates valid, high-fidelity draw.io XML diagrams including complex shapes, connectors, and professional styling properties.

Draw.io Diagramming & MCP Integration

Integrates draw.io diagramming capabilities into Claude via MCP servers for programmatic creation, editing, and visualization of architecture and flowcharts.

Draw.io Architecture & Diagramming

Provides comprehensive notation rules, selection criteria, and XML implementation patterns for professional system architecture diagrams in Draw.io.

draw.io Diagramming for Claude

Integrates draw.io with Claude to programmatically create, edit, and manage professional architecture diagrams and flowcharts via MCP servers.

Draw.io AI Diagram Generation

Generates professional-grade architectural, sequence, and flow diagrams using LLMs and draw.io's native AI integration.