Design Tools Habilidades de Claude

Draw.io Diagram Architect

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

iOS App Icon Generator

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

iOS App Icon Generator

Generates a complete set of production-ready iOS app icons using a philosophy-driven design approach and SVG-to-PNG export.

Bubbletea Go TUI Builder

Builds sophisticated terminal user interfaces in Go using the Bubbletea framework and Lipgloss styling.

ShadCN & Framer Motion Integration

Orchestrates production-ready UI components by combining ShadCN UI's robust component library with Framer Motion's smooth animation capabilities.

Slack GIF Creator

Generates and optimizes high-quality animated GIFs specifically tailored for Slack emojis and message attachments using Python.

Design Intent Specialist

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

Frontend Development Patterns

Implements production-ready React and Next.js patterns for building performant, maintainable, and scalable user interfaces.

Frontend Design Pro

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

Aegis Next.js Frontend Scaffolder

Generates a production-ready Next.js 16 frontend integrated with ByteForge Aegis authentication, internationalization, and Docker deployment.

Algorithmic Art Studio

Generates museum-quality generative art and interactive p5.js sketches using structured computational philosophies and seeded randomness.

Algorithmic Art & Generative Aesthetics

Generates sophisticated p5.js algorithmic art based on unique computational philosophies and seeded randomness for reproducible, gallery-quality visuals.

3D Web Experience Architect

Builds immersive, high-performance 3D web environments using Three.js, React Three Fiber, and WebGL.

Algorithmic Art Generator

Generates sophisticated, gallery-quality generative art using p5.js based on custom computational philosophies.

Algorithmic Art Studio

Generates sophisticated, gallery-quality generative art and interactive p5.js visualizations based on custom computational philosophies.

3D Web Experience Architect

Builds immersive 3D web environments using Three.js, React Three Fiber, and WebGL while balancing visual impact with performance.

Frontend Patterns & Best Practices

Implements production-ready React and Next.js architectural patterns for scalable and high-performance user interfaces.

Web Design Guidelines Auditor

Audits web interfaces for compliance with industry-standard design, accessibility, and UX best practices.

3D Web Experience Architect

Builds immersive, high-performance 3D web experiences using Three.js, React Three Fiber, and WebGL.

Frontend Development Patterns

Implements industry-standard React and Next.js patterns for building scalable, high-performance user interfaces.

Frontend Design Pro

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

ImageGen AI Suite

Generates and iterates on high-quality AI images, icons, and design assets using Google Gemini and OpenAI models.

UI/UX Pro Max

Enhances frontend development with a comprehensive database of UI styles, color palettes, and stack-specific design patterns for professional interfaces.

Modern Frontend Design Patterns

Implements production-grade React and Next.js architectural patterns, performance optimizations, and UI best practices.

AI Image Generation & Editing

Generates and edits high-quality photos, illustrations, and concept art using advanced AI models like FLUX and Gemini.

AI-UI Interactive Components

Enables Claude to render interactive browser-based UI components and collect structured user feedback via MCP.

Interaction Design

Design intuitive, goal-directed user interactions grounded in cognitive principles and behavioral science.

Frontend Design Specialist

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

Icon Asset Generator

Automates the generation of production-ready web favicons, PWA assets, and game engine icon bundles from a single source file.

Web Interface Design Auditor

Audits web user interfaces against modern design guidelines and accessibility standards to ensure high-quality frontend implementation.