Design Tools Habilidades de Claude

Svelte Framework Assistant

Accelerates Svelte application development by providing expert guidance on components, reactivity, and state management.

Mermaid Diagram Visualization

Generates professional Mermaid diagrams and visualizations for system architecture, workflows, data structures, and project timelines.

Frontend Design Master

Creates distinctive, production-grade frontend interfaces and UI components with a focus on high-quality, non-generic design aesthetics.

Algorithmic Art Generator

Generates high-craftsmanship generative art using p5.js based on custom computational philosophies and seeded randomness.

Anthropic Brand Styling

Applies official Anthropic brand colors and typography to digital artifacts and UI components to ensure visual consistency.

Slack GIF Creator

Generates high-quality, optimized animated GIFs specifically tailored for Slack emojis and messages using Python-based animation workflows.

Algorithmic Art & Generative Design

Generates sophisticated p5.js algorithmic art through a dual-process of philosophical conceptualization and masterful code implementation.

Cognitive Fallacies Guard

Audits data visualizations and dashboards to detect visual misleads, cognitive biases, and data integrity violations.

Design Evaluation & Audit

Systematically evaluates existing UI/UX designs and data visualizations against cognitive science principles to identify and prioritize usability improvements.

Visual Storytelling Design

Transforms raw data into compelling narrative structures for data journalism, presentations, and infographics.

shadcn-ui Component Patterns

Builds accessible, high-performance React user interfaces using shadcn/ui, Radix UI primitives, and Tailwind CSS.

Tailwind CSS Patterns

Implements modern, utility-first CSS styling patterns for building responsive and high-performance user interfaces using Tailwind CSS.

React 19 Patterns Expert

Accelerates modern React application development by implementing React 19 features, concurrent patterns, and performance-optimized TypeScript components.

Professional Frontend Development

Implements high-performance, accessible, and framework-agnostic frontend architectures using industry-leading design patterns and best practices.

Design System Generator

Generates comprehensive, project-specific design system documentation to ensure UI/UX consistency and production-grade standards across any web stack.

Motion Design & UI Animation

Optimizes user interfaces with intentional, purpose-driven motion design guidance and production-ready animation implementation.

Salesforce Diagram & ERD Generator

Generates professional Salesforce architecture diagrams, ERDs, and OAuth flows using Mermaid syntax with ASCII fallbacks.

Salesforce LWC Expert

Builds production-ready Lightning Web Components using the PICKLES architecture and SLDS 2 standards.

Blender Toolkit

Automates Blender workflows for 3D modeling, material management, and intelligent Mixamo animation retargeting through real-time WebSocket control.

Better Stimulus

Applies opinionated best practices and SOLID principles to write maintainable, reusable StimulusJS controllers.

Advanced Web Artifact Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and modern frontend tooling.

Intelligent Prompt Generator

Generates high-fidelity, logically consistent AI image prompts using a structured multi-dimensional semantic framework.

Gemini Image Generator

Generates AI images using Google's Gemini models with intelligent cost-optimization and aspect ratio support.

SLIM Project Rebranding

Automates comprehensive project rebranding by updating naming, visual assets, documentation, and configuration across the entire codebase.

Tailwind CSS

Accelerates frontend development by providing comprehensive guidance for implementing utility-first CSS, responsive layouts, and highly optimized design systems.

Tailwind Color Palette Generator

Generates cohesive, production-ready color palettes with Tailwind-scale shades using the perceptually uniform OKLCH color space.

Web Design & UI Architect

Architects high-fidelity web interfaces, visual systems, and aesthetic layouts with a focus on accessibility and implementation-ready code.

Tailwind CSS Expert

Implements utility-first Tailwind CSS patterns and responsive UI components specifically optimized for Ruby on Rails applications.

UX/UI Design Expert

Generates intuitive, accessible, and high-performance user interfaces based on professional design principles and modern interaction patterns.

Creative Brief Framework

Standardizes the creation of high-impact creative briefs to align marketing and creative teams on campaign objectives.