Design Tools Habilidades de Claude

Minimalist UI Design System

Enforces high-precision, minimalist design principles inspired by Linear and Stripe to create polished SaaS and enterprise interfaces.

UI Designer & Design System Extractor

Extracts visual design systems from reference images and generates implementation-ready UI components and documentation.

Algorithmic Art Generator

Creates sophisticated, master-level generative art using p5.js and deep computational philosophies.

Brand Identity Analyzer

Analyzes brand positioning, creates comprehensive identity guidelines, and performs consistency audits using industry-standard frameworks.

Anthropic Brand Styling

Applies Anthropic's official visual identity, including specific color palettes and typography, to digital artifacts.

Minimalist System Design

Applies a 'less but better' philosophy to streamline code architecture, UI/UX, file structures, and system design.

Theme Factory

Applies professional color palettes and curated font pairings to artifacts like slide decks, documents, and HTML landing pages.

Rams Design & Accessibility Reviewer

Audits frontend components for WCAG 2.1 accessibility compliance and visual design consistency to ensure high-quality user interfaces.

Tailwind Design System Architect

Architects scalable, production-ready design systems using Tailwind CSS, design tokens, and reusable component patterns.

Modern Frontend Patterns

Implements high-performance React and Next.js architectural patterns, component design systems, and state management best practices.

Frontend Development Patterns

Implements industry-standard React and Next.js design patterns for performant, scalable, and maintainable user interfaces.

Frontend Development Patterns

Implements industry-standard React and Next.js patterns to build scalable, performant, and maintainable user interfaces.

SaaS & App Interface Design

Builds purposeful, high-craft user interfaces for dashboards and SaaS applications by prioritizing intent over generic AI defaults.

React RSC Architecture

Architects high-performance React applications using Server Components, Island Architecture, and optimal composition patterns.

Web Accessibility Patterns

Implements WCAG-compliant web accessibility standards using semantic HTML, ARIA attributes, and robust keyboard navigation logic.

React Concurrency & Memoization

Optimizes React application performance using modern concurrent rendering features and strategic memoization patterns.

React Server Components Architecture

Optimizes Next.js application structure by implementing React Server Component (RSC) best practices and efficient client-side composition patterns.

TypeScript Prop Definition

Standardizes React component prop definitions using TypeScript interfaces, JSDoc documentation, and advanced utility types.

TypeScript Prop Architect

Standardizes React component prop definitions with JSDoc documentation, utility types, and type-safe variant patterns.

Tailwind Utility Styling

Implements modern, responsive web interfaces using Tailwind CSS utility classes, semantic variables, and component variants.

Web Accessibility Patterns

Implements standard web accessibility practices using semantic HTML, ARIA attributes, and robust keyboard navigation patterns.

Tailwind CSS Utility Styling

Standardizes frontend development with utility-first Tailwind CSS patterns, mobile-first responsiveness, and semantic styling.

Framer Motion Interactive Animations

Implements high-performance, production-grade React animations and interactive gestures using Framer Motion.

Shadcn/UI Component Scaffolding

Automates the installation, composition, and customization of shadcn/ui components using CLI-first patterns.

Shadcn/UI Component Scaffolder

Automates the installation and configuration of accessible shadcn/ui components using best-practice CLI workflows.

Interface Design Expert

Crafts distinctive, production-grade functional interfaces for dashboards, admin panels, and SaaS applications while avoiding generic design patterns.

Professional Interface & Dashboard Design

Generates high-craft, intent-driven user interfaces for dashboards, SaaS applications, and complex data tools.

Anthropic Brand Guidelines

Applies official Anthropic visual identity, colors, and typography to digital artifacts and documents.

Nano Banana Pro

Generates and edits high-quality images using the Gemini 3 Pro Image model directly within your development environment.

Design Craft

Transforms functional software into delightful user experiences through advanced UI patterns, micro-interactions, and emotional design.