Design Tools Habilidades de Claude

Web Artifacts Builder

Builds complex, multi-component React artifacts for Claude.ai using professional frontend stacks and automated bundling.

Algorithmic Art Studio

Generates sophisticated generative art and computational aesthetics using p5.js through a unique two-step philosophical and algorithmic approach.

Theme Factory

Styles digital artifacts with professional, curated color palettes and typography pairings to ensure visual consistency.

Web Artifact Architect

Develops and bundles sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and Tailwind CSS.

React Form Builder Pro

Generates accessible, production-ready React forms with integrated validation, state management, and testing patterns.

Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using modern frontend frameworks and design systems.

Web Artifact Builder

Generates complex, multi-component React artifacts for Claude.ai using shadcn/ui and Tailwind CSS.

Senior Frontend Architect

Accelerates modern web development by providing automated scaffolding, performance optimization, and industry-standard patterns for React and Next.js applications.

Anthropic Brand Guidelines

Standardizes the visual identity of digital artifacts by applying Anthropic's official brand colors, typography, and design patterns.

Bootstrap Utilities

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

Algorithmic Art Generator

Generates sophisticated p5.js generative art by establishing computational philosophies and translating them into interactive, seeded algorithms.

Theme Factory

Styles digital artifacts like slides, documents, and landing pages using professional pre-set color palettes and font pairings.

Frontend Design

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

Shadcn/UI Component Architect

Manages and customizes shadcn/ui components within shared UI libraries to build high-quality, consistent user interfaces.

UI/UX Pro Max - Frontend Design Expert

Builds stunning, production-ready user interfaces using a massive database of UI styles, color palettes, and framework-specific best practices.

Visual Design & Artistry

Generates original, philosophy-driven visual art and professional posters in PNG and PDF formats using a structured design manifesto.

fal.ai Image Generator

Generates production-quality images, logos, and illustrations using state-of-the-art fal.ai models directly from your development environment.

Wireframe Design & Information Architecture

Generates structured low and high-fidelity wireframes to visualize UI layouts and information hierarchy effectively.

SnapDOM Image Capture

Converts HTML DOM elements into high-performance SVG and raster images with full CSS style preservation.

Intelligent Prompt Generator

Generates logically consistent, high-fidelity image prompts using semantic reasoning and a structured element database.

Frontend Design Specialist

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

Layer Cake Visualization Guide

Facilitates the creation of responsive, headless data visualizations in Svelte by managing complex coordinate systems and D3 scales.

Frontend Development & Architecture

Implements production-grade frontend interfaces across React, Vue, Svelte, and Angular using modern performance patterns and state management.

Responsive Design Patterns

Generates mobile-first, fluid layouts and responsive design systems using modern CSS and React patterns.

Storybook for React

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

UI Components

Enforces standardized UI component patterns and accessibility conventions across React applications using Radix UI and TanStack Form.

React 19 Patterns

Implements modern React 19 architectural patterns and optimizations including the React Compiler and Server Actions.

Stitch Prompt Architect

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

Aesthetic UI Design

Creates visually stunning, production-grade frontend interfaces by applying advanced design principles and systematic workflows.

Next.js 16 & React 19 Development

Guides developers through building modern web applications using Next.js 16, React 19, and the App Router architecture with a focus on type safety and performance.