Design Tools Agent Skills

Canvas Design

Generates museum-grade visual art and sophisticated design philosophies through high-fidelity digital canvases.

Algorithmic Art Studio

Generates sophisticated, philosophy-driven generative art using p5.js and seeded randomness for unique computational aesthetics.

Theme Factory

Styles artifacts like slides, documents, and landing pages using curated professional themes and custom palettes.

Slack GIF Creator

Generates and optimizes high-quality animated GIFs and custom emojis tailored specifically for Slack requirements.

React & Next.js Best Practices

Optimizes React and Next.js codebases by enforcing modular component composition and performance-focused rendering strategies.

Web Artifacts Builder

Generates and refines modular frontend components with a focus on accessibility and consistent design patterns.

Frontend Design

Generates distinctive, production-grade frontend interfaces that prioritize bold aesthetics and unique design systems over generic AI-generated styles.

React Best Practices & Architecture

Applies modern React design patterns and architectural best practices to improve code quality, performance, and maintainability.

Frontend Components

Builds reusable, composable UI components following the single responsibility principle and modern state management patterns.

React Logic & State Architect

Builds scalable React SPAs using external state management and declarative UI patterns.

Tailwind CSS Styling

Implements utility-first Tailwind CSS styling with a focus on responsive patterns and consistent design scales.

Figma to Code Workflow

Converts Figma designs into production-ready code components and design tokens using standardized workflow patterns.

UX Psychology & Frontend Concepts

Applies established psychological principles and UX laws to frontend design to create intuitive, high-performing user interfaces.

UX Designer & UI Perfectionist

Refines user interfaces to eliminate bugs, improve accessibility, and ensure a flawless user experience through deep research and comprehensive audits.

Base-Joy Design System Philosophy

Standardizes UI component development by combining Joy UI aesthetics with Base UI accessibility primitives.

CSS Diagnostics

Analyzes CSS usage across XHTML documents to identify unused selectors, detect rule conflicts, and optimize stylesheet performance.

Anthropic Brand Styling

Applies Anthropic's official brand identity, color palettes, and professional typography to digital artifacts and presentations.

Frontend Design & Creative UI

Creates distinctive, production-grade frontend interfaces with high design quality by avoiding generic AI aesthetics and using multimodal analysis.

Frontend Design Expert

Creates distinctive, production-grade frontend interfaces with high design quality and custom aesthetic directions.

Gemini Nano Banana Image Tool

Generates and refines high-quality images using Google Gemini AI with built-in prompt optimization and cost tracking.

Frontend Design

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

Professional UI Design Guide

Enforces modern, minimal design standards and professional UI patterns to ensure clean, consistent, and production-grade frontend interfaces.

UI Refactor & Design Review

Reviews frontend interfaces and provides actionable CSS improvements to enhance visual hierarchy, spacing, and professional polish.

UI Component Builder

Generates accessible, responsive, and reusable UI components across modern frameworks including React, Vue, and vanilla JavaScript.

Brand Discovery Interviewer

Conducts structured client discovery interviews for brand identity projects using tiered questionnaire workflows.

UI/UX Pro Max

Empowers Claude with professional design intelligence to build stunning, accessible, and production-grade user interfaces across web and mobile frameworks.

Frontend Design Pro

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

Frontend Design

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

Brand Identity Systems

Architects comprehensive brand identity systems covering visual design, strategy, voice guidelines, and system documentation.

Vuer UIKit Mastery

Builds sophisticated 3D-oriented user interfaces and control panels using the Vuer UIKit React component library.