Design Tools Agent Skills

Advanced Web Artifacts Builder

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

Magic UI Component Builder

Generates production-grade React and TypeScript UI components using modern design patterns from 21st.dev.

Frontend Design Expert

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

Figma Animations & Prototypes

Builds high-fidelity interactive prototypes with realistic transitions, micro-interactions, and professional animation specifications.

Nano Banana Image Generator

Generates and edits professional-grade 4K images using Google's Nano Banana Pro and Gemini models directly within your development workflow.

Frontend Epic Orchestrator

Orchestrates frontend development cycles through legacy UI analysis, component planning, and multi-stage verification gates.

Frontend Development Guidelines

Enforces modern React and TypeScript best practices including Suspense, TanStack Query, and MUI v7 architectural patterns.

Modern CSS & Responsive Design Standards

Implements modern CSS standards, responsive design patterns, and quality-driven styling workflows for CUI projects.

Generative UI Patterns

Implements dynamic, AI-generated user interfaces using Vercel AI SDK React Server Components and real-time streaming patterns.

Theme Factory

Styles digital artifacts like slides, documents, and HTML pages with professional, curated color palettes and font pairings.

Anthropic Brand Styler

Applies Anthropic’s official visual identity, colors, and typography to presentations and digital artifacts.

Algorithmic Art Studio

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

Canvas Design

Generates museum-quality visual art and high-end design documents based on custom-crafted aesthetic philosophies.

UX Strategy & Accessibility Audit

Performs comprehensive usability assessments and accessibility audits to generate detailed expert-level UX strategy reports.

Aholiab UI Design Consultant

Analyzes user interfaces for visual quality, detects generic AI-generated patterns, and provides comprehensive design system audits.

Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude with professional UI styling and automated single-file bundling.

Frontend Design & Creative UI

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

Frontend UI Integration

Standardizes the implementation of user-facing web features by integrating existing backend APIs with established design systems and testing protocols.

UI/UX Pro Max

Generates professional, production-ready user interfaces using a curated database of design systems, typography, and framework-specific best practices.

Frontend UI Animator

Enhances Next.js and Tailwind projects with purposeful, performant UI animations and smooth motion design.

Shadcn UI Management

Automates the discovery, installation, and implementation of shadcn/ui components using specialized MCP tools.

Frontend Design Expert

Creates distinctive, production-grade frontend interfaces and web components that avoid generic AI aesthetics through intentional design thinking.

Theme Factory

Styles digital artifacts like slides and documents with professional, curated color palettes and font pairings.

Advanced Web Artifacts Builder

Generates sophisticated, multi-component React applications bundled into single-file Claude.ai artifacts using modern web technologies.

Anthropic Brand Guidelines

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

Photo Color Enhancer

Adjusts image brightness, contrast, and saturation using GPT-5 natural language analysis for professional-grade photo editing via text commands.

Photo Clipper

Crops and reframes photos intelligently using GPT-5 vision analysis and natural language prompts.

Image Enhancer

Enhances image quality by upscaling resolution, sharpening edges, and reducing compression artifacts for professional visual results.

Tacosdedatos Brand Design Guidelines

Provides authoritative brand guidelines, visual standards, and illustration styles for the Tacosdedatos ecosystem.

Apple UI Design System

Generates high-fidelity, Apple-inspired user interfaces using minimalist aesthetics, premium styling, and best-in-class UX principles.