Design Tools Agent Skills

Draw.io Diagram Architect

Generates and edits professional draw.io diagrams in XML format for technical documentation and system design.

Bootstrap Helpers

Provides comprehensive implementation guidance for Bootstrap 5.3 helper classes to solve common layout, styling, and accessibility challenges.

UI/UX Design Expert

Optimizes user interfaces and experiences using professional design principles, accessibility standards, and systematic patterns.

Canvas Design Pro

Generates professional-grade visual art and design documents based on custom aesthetic philosophies.

Backstage Web Generator

Generates enterprise-grade, accessible web applications and dashboards following the Backstage Design System principles.

Canvas Design

Generates professional-grade visual art and bespoke design philosophies for posters, digital assets, and artistic documentation.

Frontend Design & Aesthetics

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

Frontend Development

Architects modern, high-performance web interfaces using React, Next.js, and advanced CSS frameworks with a focus on type-safe design patterns.

Vercel React Best Practices

Optimizes React and Next.js applications using Vercel Engineering's production-grade performance guidelines.

UX Researcher & Designer

Conducts data-driven user research and experience design to create evidence-based personas, journey maps, and usability frameworks.

Error UX Therapist

Optimizes application error messages using proven UX patterns and recovery-focused frameworks to improve user satisfaction.

Avalonia UI Layout & Zafiro Styling

Optimizes Avalonia UI development by implementing clean, semantic layouts and modular styles using the Zafiro framework.

Responsive Design Patterns

Generates mobile-first, fluid layouts and responsive design systems using modern CSS and React patterns.

Wiggle Logo Animator

Transforms static brand logos into professional motion graphics and Lottie animations using curated design philosophies and automated rendering workflows.

Avalonia Zafiro UI Layout

Optimizes Avalonia UI development by implementing clean, maintainable layout patterns and semantic containers using Zafiro.

Vercel React Best Practices

Optimizes React and Next.js applications using industry-leading performance patterns and Vercel-engineered guidelines.

Swiss Design Systems

Applies rigorous Swiss design principles to create clean, high-clarity user interfaces and data visualizations.

Avalonia Zafiro UI Layout

Optimizes Avalonia UI development by applying Zafiro framework patterns for clean, maintainable, and semantic XAML layouts.

UI/UX Design Patterns

Applies distinctive UI aesthetics and psychologically-informed UX principles to create engaging, high-conversion interfaces that avoid generic design patterns.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high design quality and unique aesthetic choices that avoid generic AI patterns.

UI/UX Pro Max: Design Intelligence

Automates the creation of high-fidelity frontend interfaces with comprehensive design systems, accessibility audits, and framework-specific UI patterns.

Create Image Orchestrator

Orchestrates a specialized multi-agent team to generate professional-quality images and diagrams using the PaperBanana framework.

Icon Asset Generator

Automates the generation of production-ready web favicons, PWA assets, and game engine icon bundles from a single source file.

Image Manipulation Pro

Manipulates, optimizes, and transforms images directly within the Claude Code environment using the Pillow library.

Remotion Video Development

Streamlines programmatic video creation using React and Remotion industry best practices.

Avalonia UI Zafiro Layout

Streamlines Avalonia UI development by enforcing modern layout patterns, semantic containers, and maintainable styling using Zafiro extensions.

UI Styling & Design System

Builds beautiful, accessible, and responsive user interfaces using shadcn/ui components, Tailwind CSS, and visual design patterns.

Remotion Video Engineering

Streamlines programmatic video creation using React-based Remotion best practices and patterns.

Canvas Design & Visual Philosophy

Generates museum-grade visual art and design philosophies using sophisticated spatial composition and minimalist aesthetics.

Frontend Design Expert

Generates high-fidelity, production-grade frontend interfaces that break away from generic AI design patterns.