Design Tools Agent Skills

Frontend Design Auditor

Identifies UX inconsistencies, accessibility gaps, and visual bugs in web interfaces to provide prioritized reports and actionable CSS fixes.

UI/UX Pro Max

Generates professional, high-fidelity UI/UX designs and code across multiple frameworks using a comprehensive library of styles, palettes, and best practices.

Canvas Design & Visual Art

Generates professional-grade posters, abstract art, and minimalist graphics through a philosophy-driven design framework.

Frontend Vibes

Generates distinctive, emotionally expressive frontend interfaces using a faux-ASCII aesthetic, warm dark palettes, and spring-based motion.

React Component Architect

Engineers production-grade React components using strict TypeScript patterns, container/presenter architecture, and composition-first design.

UI/UX Design Standards

Applies professional UI/UX design principles and implementation patterns to create intuitive, responsive, and accessible user interfaces.

Nanobanana Image Generator

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

React Development Guide

Provides expert architectural patterns and implementation guidance for building modern React applications.

Web Design Guidelines Validator

Validates UI code against WCAG accessibility standards, UX patterns, and responsive design best practices to ensure production-grade web interfaces.

Frontend Design

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through bold design choices and meticulous detail.

Connecting Widget Pipelines

Facilitates communication between StickerNest widgets by defining typed ports and configuring data flow pipelines.

Algorithmic Art & Generative Aesthetics

Generates sophisticated, gallery-quality algorithmic art using p5.js through a dual-process of philosophical conceptualization and meticulous code implementation.

Moai Enterprise UI Library

Streamlines React development with an enterprise-grade shadcn/ui component library and AI-enhanced design system architecture.

Anime & Manga Midjourney Prompt Builder

Generates specialized Midjourney Niji mode prompts for authentic anime and manga art styles.

Figma to React

Converts Figma screen flows into pixel-perfect, production-ready React components with Tailwind CSS and automated visual validation.

React Component Patterns

Enforces professional React best practices using functional components, TypeScript, and standardized state management.

Theme Factory

Styles artifacts with professional color palettes and font pairings to ensure visual consistency across documents and presentations.

UI Color Theory & Palette System

Generates professional, accessible, and theme-ready color schemes based on advanced color theory principles for modern web applications.

Accessibility Design Skill

Implements WCAG-compliant web interfaces with advanced keyboard navigation, screen reader optimization, and automated accessibility testing.

Design System from Reference

Transforms UI screenshots into comprehensive, production-ready React and Tailwind design systems for consistent AI development.

Remotion Video Creation

Programmatically generates high-quality videos and motion graphics using React components and frame-based animations.

Image Converter

Converts PNG, JPG, and JPEG images into optimized WebP, ICO, and SVG formats for web and application development.

UI/UX Pro Max

Empowers developers to build production-grade interfaces using a searchable database of professional design systems, styles, and multi-stack best practices.

Design Polish & Asset Generator

Automatically replaces frontend placeholders and existing assets with AI-generated visuals aligned with your project's design system.

Frontend Development Patterns

Implements industry-standard React and Next.js architectural patterns to build performant, scalable, and maintainable user interfaces.

3D Visualization & Three.js

Creates immersive 3D web experiences, interactive data visualizations, and performance-optimized Three.js scenes using React Three Fiber.

Anthropic Brand Guidelines

Applies Anthropic's official visual identity, including specific color palettes and typography, to document artifacts.

Shadcn UI Components

Implements accessible, type-safe UI components for Next.js applications using shadcn/ui, Tailwind CSS v4, and react-hook-form integration.

Brand Guidelines Expert

Generates comprehensive brand books and visual identity documentation with technical specifications for developers and designers.

React Frontend Architecture Patterns

Enforces production-grade architectural patterns for React applications using Zustand, TanStack Query, and TypeScript.