Design Tools Agent Skills

UX Design Expert

Provides comprehensive UX design guidance, interaction patterns, and accessibility standards for web and mobile development.

CLI Design & UX

Generates distinctive, production-grade command-line interfaces with a focus on ergonomics, composability, and exceptional user experience.

Next.js Architecture & Setup Guide

Standardizes Next.js project initialization with feature-based architecture and a robust design system framework.

UI Components & Design System

Builds accessible, production-ready UI components using shadcn/ui and TailwindCSS for consistent design systems.

Responsive Typography Skills

Implements fluid typography using CSS clamp() to create responsive font sizes that scale smoothly with the viewport.

WCAG 2.2 Accessibility Guidelines

Applies WCAG 2.2 accessibility standards to web development projects through actionable implementation rules and best practices.

Figma Plugin Development

Develops powerful Figma plugins using the Plugin API, including node manipulation, UI integration, and design automation.

SAPUI5 Enterprise Development

Builds production-ready enterprise web applications using the SAPUI5 framework, OData services, and Fiori design principles.

UI/UX Pro Max - Frontend Design Intelligence

Empowers Claude to design and implement professional-grade frontend interfaces using a curated database of styles, palettes, and UX best practices.

Advanced React Artifacts Builder

Builds complex, multi-component React artifacts for Claude.ai using modern frontend stacks and professional UI libraries.

Canvas Edit - Design Review Annotator

Overlays real-time design review findings and numbered annotation badges directly onto web pages for visual issue tracking.

SAP Fiori Tools Development

Streamlines the creation, configuration, and deployment of SAP Fiori Elements and SAPUI5 applications using standardized SAP Fiori tools workflows.

Bubbletea TUI Builder

Builds professional terminal user interfaces using Go, the Bubbletea framework, and Lipgloss styling.

Claude Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and modern frontend workflows.

Frontend Design

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

Post-Processing Effects

Enhances 3D scenes with cinematic visual effects, color grading, and camera simulations using @react-three/postprocessing.

Web Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and automated single-file bundling.

Anthropic Brand Identity

Applies official Anthropic brand colors and typography to documents and visual artifacts for consistent professional styling.

GPUI Styling & Theming

Provides comprehensive guidance for building beautiful, responsive user interfaces using the GPUI styling system and theme management.

Artifacts Builder

Constructs complex, multi-component Claude.ai artifacts using React, Tailwind CSS, and shadcn/ui for professional frontend interfaces.

Anthropic Brand Styler

Applies Anthropic's official brand colors, typography, and visual identity to digital artifacts and document templates.

Complex React Artifacts Builder

Streamlines the creation of sophisticated, multi-component React artifacts using shadcn/ui and Tailwind CSS for claude.ai.

Web Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and modern frontend workflows.

Anthropic Brand Styling & Guidelines

Applies Anthropic's official brand colors and typography to digital artifacts to ensure consistent visual identity.

Slack GIF Creator

Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's technical constraints.

Algorithmic Art Studio

Generates sophisticated, gallery-quality generative art and interactive p5.js sketches using a philosophy-first computational approach.

Claude Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and Tailwind CSS for professional-grade frontend development.

Apple Human Interface Guidelines Expert

Implements and validates UI designs according to Apple's official Human Interface Guidelines across iOS, macOS, watchOS, and tvOS.

Theme Factory

Applies professional color palettes and typography systems to digital artifacts like slides, reports, and HTML pages.

Web Artifacts Builder

Automates the generation of complex, multi-component React artifacts for Claude using modern frontend stacks and professional design patterns.