Design Tools Habilidades de Claude

Design System Architect

11

Generates scalable design systems featuring semantic tokens, accessible component libraries, and comprehensive UI documentation.

Nuxt UI v4

11

Builds production-grade Nuxt v4 applications using a comprehensive suite of 125+ accessible components powered by Tailwind CSS v4.

SAP Fiori Development Tools

11

Accelerates the creation and configuration of SAP Fiori applications using Fiori Elements, SAPUI5, and OData services.

Terminal UI Designer

11

Creates distinctive, production-grade terminal user interfaces with polished aesthetics and advanced layout techniques.

Use Case Generator

Generates complete, industry-specific implementation templates and emotion-driven user journeys for the Emotive Mascot platform.

Web Design Compliance Reviewer

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

National Design Studio UI

Generates high-end government-style UI components using the signature National Design Studio aesthetic.

Brand.yml Configurator

Standardizes visual identity across Shiny applications and Quarto documents using machine-readable YAML brand specifications.

Frontend Expert UI/UX

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

UI/UX Pro Max

Enhances frontend development with expert UI/UX design intelligence, providing searchable styles, palettes, and implementation patterns for modern interfaces.

Semantic Performance Builder

Designs choreographed emotion sequences and multi-step animations for AI-driven mascot interfaces.

Theme Implementer

Implements and tests custom color schemes, visual themes, and branding variants for AI-driven interfaces.

Mascot Integrator

Integrates the emotive-mascot engine into web applications and frameworks to create responsive, particle-based AI avatars.

Fluxwing UX Component Expander

Enhances ASCII UI components by automatically generating interaction states like hover, focus, and disabled for rapid prototyping.

Web Artifacts Builder

Builds production-ready, accessible web applications using the React, Tailwind CSS, and shadcn/ui stack.

Fluxwing Library Browser

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

Custom macOS WKWebView Scrollbars

Implements customizable, theme-aware scrollbars for native macOS WKWebView applications using the negative margin layout technique.

AI Image Generation Skill

Generates professional-grade images, product shots, and brand assets directly within Claude Code using FAL.ai models.

Frontend Aesthetics Pro

Transforms generic AI-generated interfaces into polished, distinctive frontend designs using professional typography, color theory, and motion principles.

Self-Initiated Trigger Design

Designs psychological internal triggers to transition users from external notifications to self-motivated, habit-forming product engagement.

Cognitive Load Optimizer

Optimizes user interfaces and workflows by applying Cognitive Load Theory to minimize mental effort and maximize usability.

Fluxwing Screen Scaffolder

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

Halo Effect Design Psychology

Applies cognitive bias principles to product design and UX to optimize first impressions and brand perception.

GUI Design Principles

Implements professional, accessible, and high-performance user interfaces using industry-standard design foundations and modern UX patterns.

Fluxwing Component Viewer

Inspects and previews ASCII-based UI components to help developers visualize layouts and metadata within Claude Code.

Loss Aversion Psychology

Applies behavioral economics and prospect theory to optimize user retention, pricing strategies, and product messaging.

Fogg Behavior Model Designer

Designs and optimizes user behavior change using the proven B=MAP framework to drive product growth and conversion.

Visual Cues & CTA Psychology

Optimizes user interfaces and landing pages by applying gaze psychology and visual attention principles to guide user behavior.

Status Quo Bias & Change Design

Analyzes user resistance to change and provides psychological frameworks to improve product adoption and migration success.

Progressive Disclosure Design

Simplifies complex user interfaces by sequencing information and actions across time to reduce cognitive load and improve usability.