Design Tools Habilidades de Claude

Changelog Infographic

Transforms structured changelog summaries into professional, shareable infographic PNG images for visual version updates.

UI/UX Pro Max

Provides comprehensive design intelligence to plan, build, and optimize high-fidelity, aesthetic frontend interfaces across multiple frameworks.

Notification UI Components

Implements interactive notification systems featuring bell icons, unread badges, and polished dropdown panels.

Sandhya Frontend Designer

Creates distinctive, research-backed frontend interfaces with a focus on high-quality UI/UX craft and aesthetic excellence.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high-end aesthetic quality and custom design systems.

Algorithmic Art Generator

Generates sophisticated, gallery-quality algorithmic art using p5.js and computational philosophy.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on high design quality and custom aesthetics.

Algorithmic Art Studio

Generates sophisticated generative art and interactive p5.js visualizations based on custom algorithmic philosophies.

Design System Compliance Checker

Audits frontend code for design system violations, WCAG 2.2 accessibility compliance, and W3C design token standards.

Senior Frontend Engineer

Builds and optimizes high-performance React and Next.js applications using modern design patterns, accessibility standards, and bundle efficiency tools.

Consistent Character Creator

Produces consistent marketing materials and character variations by analyzing and reproducing existing character designs.

Brand Guidelines

Enforces and documents consistent brand identity standards, managing visual elements like typography and color alongside specific tone of voice guidelines.

Brand Guidelines Expert

Enforces and documents consistent brand identity across marketing materials, product designs, and corporate communications.

Algorithmic Art Studio

Creates sophisticated generative art through algorithmic philosophies and interactive p5.js implementations.

Canvas Design

Generates museum-quality visual art and design artifacts by establishing foundational aesthetic philosophies.

Repo Logo Generator

Generates professional, transparent-background repository logos using AI and programmatic chromakey technology.

AI Image Generator

Generates and edits high-quality AI images using advanced models like Gemini and Seedream directly within your terminal.

Product Team UI Design System

Implements standardized UI design system guidance within OpenClaw workflows to ensure consistent and verified frontend development.

Shadcn UI Manager

Streamlines the integration and management of Shadcn UI components using official CLI patterns and architectural best practices.

One UI Angular Migration Patterns

Provides standardized patterns and best practices for migrating Angular components to One UI standards, including tables, forms, and modern syntax.

Web Artifacts Builder

Develops and bundles sophisticated multi-component React interfaces into standalone HTML artifacts for Claude.ai.

Tailwind Design System

Builds production-grade design systems and reusable component libraries using Tailwind CSS, design tokens, and structured UI patterns.

High-Fidelity UI Component Generator

Generates production-grade, high-fidelity React components using shadcn/ui and 21st.dev with a focus on modern design aesthetics and motion.

React Hooks Expert

Implements optimized React hooks and custom patterns following industry best practices for state and lifecycle management.

React Performance Expert

Optimizes React applications using memoization, lazy loading, virtualization, and efficient state management patterns.

Tailwind CSS Effects Utility

Implements advanced visual styles including shadows, filters, masks, and backdrop blurs using Tailwind CSS v4.1 standards.

Tailwind CSS Typography

Streamlines the implementation of Tailwind CSS v4.1 typography utilities for professional web styling.

Tailwind CSS Custom Styles

Extends Tailwind CSS capabilities by implementing custom utilities, variants, and organizational patterns for modern web development.

Frontend Development Patterns

Implements production-grade React and Next.js architectural patterns for scalable, performant, and accessible user interfaces.

Frontend I18n Guide

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