Design Tools Habilidades de Claude

Fluxwing Library Browser

Browses and manages uxscii components and screens for rapid ASCII-based UI development and layout prototyping.

Stimulus Coder

Creates and refactors Stimulus.js controllers using Hotwire conventions and reusable design patterns.

Fluxwing Screen Scaffolder

Orchestrates the creation and composition of complete UI screens using the uxscii standard for rapid prototyping and AI-ready wireframing.

UX Design Standards

Implements battle-tested UX standards and design patterns to ensure high-quality, secure, and production-ready user interfaces.

Cognitive Design Principles

Optimizes visual interfaces and information architecture by aligning designs with human perception and cognitive processing limits.

Salesforce Architecture Diagrammer

Generates production-grade Salesforce architecture diagrams using Mermaid syntax and ASCII fallback for technical documentation.

Midjourney-Style Flux Pro Image Prompter

Generates highly detailed, Midjourney-style image prompts optimized for the FLUX 1.1 Pro model on Replicate.

Information Architecture

Organizes and structures digital content to improve findability, usability, and navigation design through proven mental model alignment and taxonomy patterns.

React Development Expert

Architects high-performance, production-ready React applications using the latest React 19 patterns and industry best practices.

Vue 3 & Nuxt Expert

Builds high-performance, reactive web applications using Vue 3 Composition API, Nuxt 3, and Pinia with strict TypeScript integration.

Angular Architect

Architects enterprise-grade Angular 17+ applications using signals, standalone components, and advanced reactive patterns.

Gesttione Design System

Implements the Gesttione brand identity and metric visualization patterns for professional business dashboards.

Professional UI/UX Designer

Designs and implements production-ready React interfaces using shadcn/ui, Tailwind CSS, and modern accessibility standards.

Design System Starter

Architects scalable and accessible UI design systems using atomic design principles, standardized tokens, and component patterns.

Artisan Canvas Designer

Generates high-fidelity visual art and design philosophies in PDF and PNG formats using sophisticated aesthetic principles.

Creative Algorithmic Design

Generates sophisticated algorithmic art and generative design systems using p5.js and computational philosophy.

Design Brief Generator

Generates comprehensive, well-structured design briefs that define project scope, goals, constraints, and success criteria to align stakeholders.

UI Audio Theme Generator

Generates cohesive sets of minimal UI sound effects and interaction constants for web and mobile applications using the ElevenLabs API.

Frontend Design & UI Architecture

Creates distinctive, production-grade frontend interfaces with a focus on aesthetic quality and architectural consistency.

React Modernization

Upgrades legacy React applications by migrating class components to functional hooks and implementing React 18+ concurrent features.

Frontend Design

Creates distinctive, production-grade frontend interfaces by applying professional design principles and ensuring architectural consistency across codebases.

Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using modern frontend frameworks and professional design systems.

Frontend Accessibility

Builds inclusive web interfaces using semantic HTML, ARIA attributes, and robust keyboard navigation patterns to ensure WCAG compliance.

Algorithmic Art Generator

Generates sophisticated p5.js generative art by establishing deep algorithmic philosophies and implementing them through meticulously crafted code.

Frontend CSS

Implements maintainable, responsive styling using modern CSS methodologies and design system tokens.

Frontend Responsive

Builds adaptive, mobile-first web layouts using fluid grids and relative units to ensure a seamless user experience across all device sizes.

Frontend Components

Designs reusable, composable, and maintainable UI components using framework-specific best practices and state management patterns.

Prototype to Production

Converts design prototypes and mockups into production-ready, accessible React components with automated design token extraction.

Anthropic Brand Styling

Applies Anthropic's official visual identity, including specific color palettes and typography, to documents and digital artifacts.

Webflow Code Components

Develops, optimizes, and deploys React-based code components for the Webflow Designer using Shadow DOM architecture and the Webflow CLI.