Design Tools Habilidades de Claude

UI/UX Accessibility & Performance Guidelines

Enforces comprehensive UI/UX standards, accessibility compliance, and performance best practices for modern web applications.

Google Stitch Session Manager

Manages multi-screen design sessions by tracking prompts, visual styles, and screen history for consistent UI development.

React UI System Guidelines

Enforces consistent React UI development using Emotion, Atomic Design principles, and standardized theme tokens.

Applying Brand Guidelines

Enforces corporate visual standards and messaging consistency across generated documents, presentations, and spreadsheets.

Canvas Design

Generates museum-quality visual art and design artifacts through a structured two-step process of philosophy creation and artistic expression.

Bubble Tea TUI Designer

Automates the architecture and design of terminal user interfaces using the Charmbracelet Bubble Tea framework.

Wiggle Logo Animator

Transforms static brand logos into professional motion graphics and Lottie animations using curated design philosophies and automated rendering workflows.

Shadcn Svelte

Builds accessible, customizable UI components for Svelte and SvelteKit applications using shadcn-svelte and Tailwind CSS v4.1.

Frontend Design

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

Frontend Design

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

Bootstrap Content & Typography

Provides comprehensive guidance and code patterns for styling typography, images, tables, and core content elements using Bootstrap 5.3.

Bootstrap Helpers

Provides comprehensive implementation guidance for Bootstrap 5.3 helper classes to solve common layout, styling, and accessibility challenges.

Bootstrap 5 Overview

Provides comprehensive setup guidance and foundational expertise for building responsive websites with Bootstrap 5.3.

Music Theory Visual Design

Implements modern, musically-sophisticated UI components using a specialized color system and Tailwind CSS design patterns.

Nano Banana Visual System

Generates professional, brand-aligned infographics and presentation visuals for shipping and sales pipelines using standardized prompt patterns.

Research PDF Generator

Generates aesthetic, print-ready HTML one-pagers and PDFs from research topics using curated design presets.

Atomic Design Planning

Implements Atomic Design methodology to guide component architecture and promote reuse during frontend development.

Atomic Design Architecture

Organizes React component libraries using a hierarchical Atomic Design methodology to build scalable and maintainable UI systems.

Frontend Design

Generates polished, production-grade frontend interfaces with distinctive aesthetic directions to avoid generic AI-generated styles.

Frontend Web Development Expert

Orchestrates advanced frontend architecture, UI/UX implementation, and performance optimization for modern web applications.

Frontend Design

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

Design System Governance

Audits and tracks design token inconsistencies between Figma design systems and code implementations to prevent styling drift.

Nano Image Generator

Generates high-resolution visual assets, app icons, and marketing graphics directly within your development workflow using Gemini 3 Pro.

CAD Model Compare

Evaluates 3D CAD models against reference designs using boolean operations and geometric similarity metrics.

Nano Banana JSON Prompter

Converts natural language into structured JSON schemas for precise, reproducible image generation with Gemini 3 Pro.

Nano Banana Prompting

Streamlines the creation of high-quality image generation prompts for Nano Banana Pro through interactive guidance and advanced prompting techniques.

ahooks React Hooks Expert

Simplifies React development by providing expert guidance and implementation patterns for the comprehensive ahooks utility library.

Canvas Visual Arts & Design

Generates museum-quality visual art and sophisticated design philosophies through a meticulous, multi-step creative process.

Nano Banana

Generates high-quality images and executes Python scripts directly within Claude Code using Gemini AI models and uv.

Modern React 19 Web Development

Builds high-performance web applications using React 19 features, Server Components, and advanced state management patterns.