Design Tools Habilidades de Claude

Frontend Responsive

Implements mobile-first, fluid layouts using modern CSS techniques and responsive design principles to ensure seamless user experiences across all device sizes.

Frontend Components

Builds reusable, composable UI components with single responsibilities and clear prop interfaces to ensure maintainable and scalable frontend architectures.

Frontend Components

Builds reusable, composable UI components following single responsibility principles and clean architectural patterns across React, Vue, Svelte, and web component frameworks.

Frontend Dashboard Components

Develops and maintains high-performance React 19 dashboard components using Next.js 15, shadcn/ui, and Recharts for sentiment monitoring interfaces.

Frontend Accessibility

Implements WCAG-compliant user interfaces using semantic HTML, keyboard navigation, ARIA attributes, and robust focus management.

HTML Static Design

Builds clean, semantic, and visually appealing static web pages through iterative refinement of HTML structure and modern CSS styling.

Frontend Components

Architects and builds reusable, modular UI components using industry best practices like the single responsibility principle and clear prop interfaces.

Frontend CSS

Manages and optimizes frontend styling using modern methodologies and performance best practices to ensure consistent, production-grade user interfaces.

Zyntro UI Guidelines

Implements professional design system standards and reusable component patterns to ensure visual consistency across the Zyntro laboratory web application.

Tailwind CSS v4

Implements production-grade styling for Next.js applications using modern CSS-first configuration and accessible design patterns.

Web Design

Guides the creation of responsive, accessible, and high-performance web interfaces using modern standards and best practices.

PDF Design

Generates, edits, and styles professional PDF documents programmatically using Python libraries and command-line utilities.

Image Editor

Performs common image transformations and color adjustments for local files and remote URLs using specialized Python scripts.

Image Generator

Generates and edits high-quality AI images directly within the development workflow using specialized vision models.

Canvas Design

Generates sophisticated, museum-quality visual art and design philosophies through meticulous craftsmanship and spatial communication.

UI Styling

Builds high-quality, accessible user interfaces using shadcn/ui components, Tailwind CSS utilities, and sophisticated visual design principles.

Web Artifacts Builder

Builds sophisticated, multi-component React applications bundled into single-file HTML artifacts for claude.ai.

Brand Guidelines

Applies Anthropic's official visual identity, including specific color palettes and typography, to ensure professional and consistent brand styling across various artifacts.

Frontend Design

Creates distinctive, production-grade web interfaces and components with a focus on high-quality aesthetics and creative UI design.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emojis tailored to Slack's specific technical requirements.

Algorithmic Art

Generates sophisticated generative art sketches using p5.js based on custom-crafted algorithmic philosophies and mathematical patterns.

Canvas Design

Generates museum-quality visual art and graphic designs through a structured process of philosophy creation and artistic execution.

Image Enhancer

Enhances the resolution, sharpness, and clarity of screenshots and images for professional use in documentation and social media.

Chrome Extension UI Patterns

Provides standardized UI patterns and boilerplate code for building accessible, responsive Chrome Extension interfaces.

Image Enhancer

Enhances image resolution, sharpness, and clarity to create professional-grade visuals for documentation, presentations, and social media.

Image Enhancer

Enhances image resolution and clarity to transform low-quality screenshots into professional-grade visuals.

Image Enhancer

Enhances image resolution, sharpness, and clarity to create professional-grade visual assets for documentation and social media.

Advanced Artifacts Builder

Builds complex, production-grade Claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui.

Advanced React Artifact Builder

Generates sophisticated, multi-component React artifacts for Claude.ai using modern frontend stacks like shadcn/ui and Tailwind CSS.

Brand Identity & Document Styling

Applies consistent corporate branding, visual styles, and messaging standards to generated documents and presentations.