Design Tools Agent Skills

Symfony Twig Template Generator

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

Symfony CSS Component Architect

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

shadcn/ui Component Library

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

Tailwind UI Components

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

Frontend Design

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

Claude Frontforge

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

Modern React Architecture & UI Development

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

UI Design Principles

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

Frontend Design

Generates distinctive, production-grade frontend interfaces with high design quality and bespoke 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 Pro

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

Frontend Design

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

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.

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.

Web Accessibility Compliance

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

Semantic Icon Design

Streamlines the selection and implementation of professional icons from Lucide, Heroicons, and Phosphor with a focus on semantic accuracy and performance.

Tailwind v4 & shadcn/ui Architect

Optimizes React projects by implementing a production-grade Tailwind CSS v4 and shadcn/ui architecture that prevents common theme and animation errors.

Radix UI Primitives

Implements accessible, unstyled React primitives for high-quality design systems and custom UI components.

Radix UI Patterns

Implement accessible-by-default React components using Radix UI primitives for professional design systems.

Web Artifacts Builder

Builds complex, multi-component React artifacts for Claude.ai using modern frontend stacks and single-file bundling.

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.