Design Tools Habilidades de Claude

Web Artifacts Builder

Builds complex, multi-component Claude.ai artifacts using React, Tailwind CSS, and the shadcn/ui component library.

Modern Browser API Integration

Optimizes web applications by leveraging native browser APIs to replace heavy external libraries and improve frontend performance.

UI/UX Pro Max Design Intelligence

Provides comprehensive design guidelines, color palettes, and component patterns across multiple web and mobile technology stacks.

Page Builder

Streamlines the creation of high-quality marketing landing pages using a curated library of Tailark and Tailwind CSS components.

CLI Design Architect

Provides expert guidance and UX principles for building intuitive, discoverable, and professional command-line interfaces.

Layout Builder

Generates responsive Flexbox and CSS Grid layouts through an interactive process for production-ready frontend development.

Tailwind Design System Architect

Builds scalable, production-grade design systems using Tailwind CSS, semantic design tokens, and reusable component patterns.

Vercel React Best Practices

Optimizes React and Next.js applications using 57 industry-leading performance patterns and automated refactoring rules from Vercel Engineering.

Remotion Video Development

Streamlines the creation of programmatic videos in React with expert guidance on animations, asset management, and audio visualization.

Web Design Guidelines Auditor

Audits frontend code for accessibility, UX, and UI best practices using standardized web interface guidelines.

React Composition Patterns

Implements scalable React architecture patterns to eliminate prop drilling and build flexible, high-quality component libraries.

Frontend I18n Guide

Standardizes internationalization practices for frontend components to ensure seamless and maintainable multi-language support.

Storybook Desktop Platform Support

Optimizes Storybook development for desktop applications by providing platform-specific architectural patterns and IPC mocking for Tauri and Electron.

EdTech Pitch Deck Creator

Transforms raw EdTech startup content into narrative-driven, visually compelling investor pitch decks through a collaborative 7-phase design process.

Frontend Design

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

Canvas Design

Produces museum-quality visual designs and artistic compositions by applying rigorous design philosophies and professional-grade craftsmanship.

Algorithmic Art Generator

Generates sophisticated, philosophy-driven generative art using p5.js and seeded randomness for reproducible computational aesthetics.

LaTeX Research Posters

Generates professional, publication-quality research posters using specialized LaTeX packages like beamerposter, tikzposter, and baposter.

UI Component & Interface Architect

Builds high-performance, accessible frontend interfaces using opinionated best practices and modern React component patterns.

Framer Motion Interactive Animation

Implements fluid, high-performance Framer Motion animations for React applications, including gestures, scroll triggers, and exit transitions.

Figma to Code

Converts Figma designs into production-ready React or Astro components using Tailwind CSS and a structured 6-step workflow.

Minimalist Portfolio Design

Generates clean, typography-focused portfolio websites using neo-brutalist and Swiss design principles.

Spacing System Designer

Generates professional spacing scales, tokens, and responsive layout guidelines for consistent UI design.

Style Guide Generator

Automates the creation of comprehensive design system documentation and component guidelines using Storybook and MDX.

Component Architect

Generates production-ready UI components with full boilerplate, tests, and documentation across multiple frontend frameworks.

Web Animation Design

Designs and implements high-performance, purposeful web animations using industry best practices for easing, timing, and accessibility.

Performance Analysis for Storybook

Optimizes Storybook component performance and bundle size using AI-powered analysis and automated code fixes.

Grove UI Design System

Implements warm, nature-inspired UI components and seasonal design systems for the Grove platform.

Design Excellence

Generates distinctive, production-grade frontend interfaces with a focus on polished typography, sophisticated color systems, and high-fidelity micro-interactions.

PatriotForge Frontend Architect

Architects and implements enterprise-grade React frontends using TypeScript, Tailwind CSS v4, and React Router v7 patterns.