Design Tools Habilidades de Claude

Algorithmic Art & Generative Aesthetics

Generates sophisticated algorithmic art and generative philosophies using p5.js for interactive, master-level visual exploration.

Advanced React Artifacts Builder

Architects sophisticated, multi-component Claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui components.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and unique aesthetics.

Dark Minimal Slide Design

Generates professional, high-end presentation slides and visual assets using a dark minimal Vercel-inspired aesthetic.

Shadcn Next.js Scaffold

Scaffolds production-ready Next.js projects pre-configured with shadcn/ui components, Radix UI primitives, and the Nova design system.

AI Image Generation

Generates and edits high-quality visual assets using OpenAI and Google Gemini models directly from the command line.

Batch Slide Generation

Automates the creation of professional presentation slide images at scale using AI image providers.

Frontend Design Pro

Creates distinctive, production-grade frontend interfaces with high design quality that avoids generic AI aesthetics.

UI Design Core

Generates high-end, production-grade UI components and layouts while intentionally avoiding generic AI design patterns.

Refactoring UI for Tailwind & shadcn

Applies professional design principles and visual hierarchy to web interfaces using Tailwind CSS and shadcn/ui components.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high design quality and creative polish that avoids generic aesthetics.

Accessibility Design Guard

Audits and repairs web interfaces to ensure compliance with WCAG accessibility standards and inclusive design best practices.

Excalidraw Diagram Design

Generates organic, hand-drawn diagrams and mind maps using a sketchy aesthetic to improve visual communication and engagement.

UI/UX Pro Max

Elevates frontend development with comprehensive design intelligence, providing specialized styles, color palettes, and UX best practices across nine technology stacks.

UI/UX Pro Max

Provides comprehensive UI/UX design intelligence and implementation patterns for professional web and mobile applications.

SVG Header Image Generator

Generates professional, template-based SVG header images and eye-catch visuals for blogs and social media without external APIs.

Frontend Design

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

Dayopt Frontend Design

Enforces a minimalist, decoration-free UI design system focused on high-density productivity and functional feedback.

Brand Color Extractor

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

UX Design Principles: Affordances

Guides the creation of intuitive user interfaces by implementing visual cues that suggest how elements should be used.

UI/UX Pro Max

Generates comprehensive design systems, accessibility audits, and production-ready UI components across nine major technology stacks.

UI/UX Pro Max

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

Frontend Development Patterns

Implements high-performance React and Next.js architectural patterns for modern web applications.

Frontend Design Concept

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

Frontend Development Patterns

Implements modern React and Next.js design patterns to build performant, scalable, and maintainable user interfaces.

Canvas Design

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

UI/UX Pro Max

Provides comprehensive UI/UX design intelligence and implementation guidelines across nine major web and mobile technology stacks.

SVG Diagram Creator

Generates custom, free-form SVG diagrams and infographics from text prompts, surpassing the layout constraints of traditional tools like Mermaid.

Frontend Design

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

Frontend Design

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