Design Tools Agent Skills

Web Accessibility Compliance

Build WCAG 2.1 AA compliant web interfaces using semantic HTML, robust ARIA patterns, and accessible focus management.

Bubbletea TUI Development

Builds sophisticated terminal user interfaces using the Go Bubbletea framework and Lipgloss styling with production-ready patterns.

Motion Interaction Designer

Designs purposeful, performant UI animations and interactive experiences using Framer Motion for React and Next.js.

Photo Clipper

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

Visual Hierarchy Principles

Implements proven UI/UX design patterns using size, contrast, and spacing to guide user attention and improve interface clarity.

Photo Color Enhancer

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

Shadcn UI Management

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

Frontend UI Animator

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

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 Integration

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

Frontend Design & Creative UI

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

Artifacts Builder

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

Aholiab UI Design Consultant

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

UX Strategy & Accessibility Audit

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

Frontend Design

Generates distinctive, production-grade frontend interfaces with high-quality aesthetics that avoid generic AI-generated styles.

Frontend Design Pro

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

Frontend Design & High-End UI

Generates distinctive, production-grade frontend interfaces and components with a focus on creative, non-generic design aesthetics.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high design quality and bespoke aesthetics.

UI Design Principles

Generates distinctive, production-ready user interfaces by applying rigorous design system principles and documented interactive states.

Modern React Architecture & UI Development

Implements production-grade React patterns including Container/View separation, type-safe data fetching, and accessible interface guidelines.

Claude Frontforge

Generates consistent, high-fidelity UI components and application interfaces with a focus on design systems and pattern persistence.

Frontend Design

Orchestrates Tailwind UI, shadcn/ui, and Radix UI to build production-grade, accessible React interfaces with consistent styling.

Tailwind UI Components

Accelerates frontend development by providing instant access to over 600 professional, accessible Tailwind UI templates for common web patterns.

shadcn/ui Component Library

Builds beautiful, accessible React components using Tailwind CSS and Radix UI primitives with a copy-and-paste philosophy.

Flow Optimization UX

Optimizes user interfaces and workflows to protect user immersion and minimize cognitive load through evidence-based design patterns.

Design of Everyday Things Principles

Applies foundational human-centered design principles to create intuitive, discoverable, and user-friendly product interactions.

Symfony CSS Component Architect

Generates modular, BEM-compliant CSS and SCSS styles for UI components within Symfony StarterKit projects.

Symfony Twig Template Generator

Generates standardized, translation-ready Twig templates and partials for Symfony StarterKit projects.

Component Library Architect

Architects scalable, reusable UI component systems following atomic design principles and accessibility standards.

Don't Make Me Think (Usability Guide)

Applies Steve Krug's usability principles to create intuitive, self-evident user interfaces that minimize cognitive friction.