Design Tools Habilidades de Claude

Storybook for React

Generates comprehensive React component documentation and interactive testing environments using Storybook 8 and CSF 3.0 standards.

React TypeScript Pro

Generates type-safe, production-ready React 19 components and custom hooks using modern TypeScript patterns.

Research PDF Generator

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

Atomic Design Planning

Architects scalable UI component systems using the Atomic Design methodology to prioritize component reuse and structural consistency.

Theme Factory

Applies professional color palettes and font pairings to digital artifacts like slide decks, documents, and landing pages to ensure a consistent and polished visual identity.

Design Intent Specialist

Transforms visual references and Figma designs into high-fidelity frontend code while ensuring alignment with existing project patterns.

Frontend Design & Aesthetics

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

Bootstrap Utilities

Provides comprehensive guidance and implementation patterns for Bootstrap 5.3 utility classes to manage layout, spacing, and visual styling.

Frontend Design

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

Design System Governance

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

UI/UX Designer Agent

Facilitates the end-to-end design process from user research and wireframing to high-fidelity design systems and frontend component specifications.

Frontend Design Specialist

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and meticulous technical execution.

Gemini Image Generation

Generates, edits, and refines high-quality images using Google's Gemini API directly within your workflow.

Visual Design Canvas

Generates museum-quality visual art and design philosophies using sophisticated geometric and spatial principles.

Design System Library

Streamlines the selection and implementation of popular UI frameworks and design systems with real-time documentation integration.

React Expert

Enforces modern React best practices, advanced hook patterns, and performance optimizations within Claude Code.

UI/UX Design Expert

Empowers Claude Code with professional UI/UX design patterns, atomic design principles, and responsive layout strategies for modern web development.

Stitch Mockup Extractor

Extracts and archives high-quality design mockups from Google Stitch project pages automatically.

Anthropic Brand Styling

Applies Anthropic's official visual identity, including specific hex colors and typography, to documents and digital artifacts.

Stitch Prompt Architect

Converts natural language descriptions and UI specs into optimized, production-ready Google Stitch design prompts.

Figma Desktop for Claude

Bridges the gap between design and development by extracting production-ready UI code, design tokens, and visual assets directly from the Figma desktop app.

Frontend Design

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

Frontend Web Development Expert

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

Draw.io Diagram Architect

Generates and edits professional-grade draw.io diagrams in XML format directly through Claude Code.

UI/UX Design Patterns

Applies distinctive UI aesthetics and psychologically-informed UX principles to create engaging, high-conversion interfaces that avoid generic design patterns.

Bootstrap Layout

Implements responsive, professional layouts using Bootstrap 5.3's grid system, containers, and flexbox utilities.

iOS App Icon Generator

Generates professional, production-ready iOS app icon sets using a philosophy-driven design approach and automated scaling.

F# Elmish & Feliz Frontend

Implements production-ready F# frontend interfaces using the Elmish MVU architecture and Feliz React components.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on high design quality and unique aesthetic directions.

Gemini Image Generation

Generates and manipulates high-quality images using the Gemini API through narrative prompting and semantic editing.