Design Tools Agent Skills

React Modernization & Migration

Streamlines the process of upgrading React applications to the latest versions through automated codemods and best-practice patterns.

Corporate Brand Guidelines Applicator

Applies consistent corporate branding, visual styles, and messaging standards to generated documents and presentations.

UX Persona Tester

Conducts simulated user testing sessions with specialized AI personas to identify UX friction and accessibility issues.

Image Enhancer

Enhances image quality by upscaling resolution, sharpening details, and removing artifacts for professional-grade visual assets.

Corporate Brand Guidelines Applicator

Enforces consistent corporate branding across PowerPoint, Excel, and PDF documents using predefined visual and messaging standards.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high-end aesthetic quality and creative flair.

Component Design Guideline Generator

Generates standardized, high-quality design system documentation for UI components by extracting specifications from Rootage YAML files.

Artifacts Builder

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

Theme Factory

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

Tailwind CSS v4 Pro

Streamlines styling workflows using Tailwind CSS v4's CSS-first configuration and modern utility patterns.

Art & Visual Content System

Generates distinctive visual content and technical diagrams using a signature Tron-meets-Excalidraw aesthetic.

Frontend Styleguide

Generates and maintains comprehensive frontend style guides, design systems, and reusable component libraries for web projects.

Frontend Design Pro

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

Shadcn UI Manager

Manages shadcn/ui component integration, installation, and implementation patterns for modern frontend projects.

Shadcn UI Manager

Manages shadcn/ui component integration and complex UI assembly through automated registry searching and installation workflows.

Canvas Visual Design

Generates high-fidelity visual art and design philosophies using sophisticated spatial and aesthetic principles.

Canvas Design Studio

Generates high-fidelity visual art and design documents using bespoke design philosophies and meticulous craftsmanship.

Ink.js CLI UI Designer

Build sophisticated, responsive terminal user interfaces using React-based Ink.js patterns and best practices.

Ink.js Terminal UI Design

Provides expert patterns and implementation guides for building interactive terminal user interfaces using Ink.js and React.

Frontend Design

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design thinking.

Canvas Design & Visual Philosophy

Generates museum-quality visual art and design philosophies for creating sophisticated posters, digital artifacts, and abstract compositions.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high design quality and bold aesthetic choices to avoid generic AI-generated styles.

Frontend UI & Design System

Builds consistent, accessible, and high-performance frontend interfaces using Tailwind CSS and shared component libraries within a monorepo.

Gemini Image Generation

Generates and edits high-resolution images using the Google Gemini API directly within your Claude Code environment.

Progressive Disclosure UX Expert

Implements strategic information layering to reduce cognitive load while maintaining feature depth for power users.

Frontend Design

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

NiceGUI UI Development

Builds production-grade Python web interfaces using NiceGUI with optimized styling and controller-based architecture.

UI/UX Pro Max

Provides comprehensive UI/UX design intelligence and implementation guidelines across nine major web and mobile technology stacks.

Visual Design Principles

Applies foundational visual laws and cognitive psychology to create professional, high-impact user interfaces and brand identities.

Frontend Accessibility

Builds accessible, WCAG-compliant user interfaces using semantic HTML, ARIA attributes, and robust keyboard navigation patterns.