Design Tools Habilidades de Claude

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on high-quality aesthetics and creative implementation patterns.

Brand Color Extractor

Extracts official brand color palettes from websites and design systems to automatically generate comprehensive VS Code theme configuration files.

UI/UX Pro Max

Provides comprehensive design intelligence and implementation patterns for creating stunning, production-grade frontend interfaces across multiple frameworks.

Frontend Design Concept

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through intentional design thinking and meticulous execution.

Canvas Design

Transforms subtle conceptual inputs into sophisticated visual art and design documents through the creation of custom aesthetic philosophies.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on high-quality, creative design.

Corporate Brand Identity & Style Guide

Standardizes document formatting, visual styling, and professional messaging across PowerPoint, Excel, and PDF files.

Frontend Design

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and high-quality implementation.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on bold aesthetics and creative implementation to avoid generic AI-generated styles.

Pixel Pusher UI/UX Designer

Transforms vague design requirements into professional, production-ready web interfaces through a systematic multi-stage design process.

Frontend Design

Generates distinctive, production-grade frontend interfaces that prioritize creative intentionality and avoid generic AI aesthetics.

Reactive Markdown Prototyping

Transforms standard markdown into interactive product specifications and live prototypes using the reactive-md VS Code extension.

Nano Banana Illustrator

Generates high-quality illustrations and visual assets using Google's Gemini Image API directly within Claude Code.

Concept Critic

Rigorously critiques software and UX concept designs to identify logical flaws, challenge assumptions, and ensure they meet demanding quality standards.

Frontend Design Expert

Generates distinctive, production-grade frontend interfaces with a focus on high-quality aesthetics and creative design choices.

Frontend Design Auditor

Identifies UX inconsistencies, accessibility gaps, and visual bugs in web interfaces to provide prioritized reports and actionable CSS fixes.

Next.js Frontend Guidelines

Enforces standardized Next.js App Router patterns and pure Tailwind CSS implementation for clean, layered architecture projects.

Modern Web Design Creator

Generates production-ready, responsive websites using Tailwind CSS, professional design systems, and modern animations.

Frontend Vibes

Generates distinctive, emotionally expressive frontend interfaces using a faux-ASCII aesthetic, warm dark palettes, and spring-based motion.

React Component Architect

Engineers production-grade React components using strict TypeScript patterns, container/presenter architecture, and composition-first design.

Backstage Web Design System Generator

Generates enterprise-grade, accessibility-first web applications and admin dashboards using the Backstage Design System, Radix UI, and Tailwind CSS.

Algorithmic Art Generator

Generates gallery-quality generative art using p5.js, focusing on computational philosophies and sophisticated emergent behaviors.

Theme Factory

Applies professional design systems, curated color palettes, and typography to presentations, documents, and web artifacts.

Web Design Guidelines Validator

Validates UI code against WCAG accessibility standards, UX patterns, and responsive design best practices to ensure production-grade web interfaces.

Canvas Design Studio

Generates museum-quality visual art and sophisticated design philosophies for posters, branding, and static media.

Brand Guidelines

Applies consistent corporate visual identity and messaging across documents using standardized color palettes, typography hierarchies, and professional templates.

Presentation Design

Automates the creation of professional slide decks using programmatic generation and established design principles.

Frontend CSS

Applies consistent CSS styling and design system tokens using modern methodologies like Tailwind, BEM, and CSS Modules to ensure performant, responsive, and visually cohesive user interfaces.

Frontend Components

Designs reusable and composable UI components with clear props interfaces and single-responsibility encapsulation.

Design System Component Creator

Generates standardized UI components for the Equality design system with built-in state management and documentation hooks.