Design Tools Agent Skills

Tailwind CSS Advanced Design Systems

Architects sophisticated, production-grade Tailwind CSS design systems using advanced design tokens, multi-theme configurations, and fluid typography.

Tailwind CSS Performance Expert

Optimizes Tailwind CSS builds and configurations for maximum speed and minimal bundle size using v4 best practices.

Tailwind CSS Accessibility Guide

Implements WCAG 2.2 compliant accessibility patterns and ARIA support using Tailwind CSS utility classes.

Tailwind CSS v4 Master

Implements modern Tailwind CSS v4 workflows using CSS-first configuration, OKLCH colors, and high-performance Rust engine best practices.

Tailwind CSS Animations & Transitions

Simplifies the implementation of smooth, performance-optimized animations and transitions using Tailwind CSS utility classes.

Gesttione Design System

Implements the Gesttione brand identity and metric visualization patterns for professional business dashboards.

Screenshot Viewer

Automatically locates and displays recent screenshots from your system for instant visual analysis and context in Claude.

Recraft Design Expert

Generates consistent, high-quality design system components and branded icon sets using the Recraft AI API.

Frontend Design Patterns

Generates mathematically-grounded UI/UX design systems using deterministic color palettes and geometric layout principles.

Algorithmic Art Generator

Generates sophisticated, gallery-quality generative art using p5.js and custom computational philosophies.

Sound Effects Expert

Generates professional AI-driven sound effects and ambient soundscapes for applications, games, and cinematic projects using text-based prompts.

Runway Video Expert

Generates and edits professional-grade AI video content using Runway's Gen-4 models and advanced creative tools.

Pika Video Expert

Generates and animates high-quality AI videos, cinematic clips, and app previews using Pika's advanced video synthesis engine.

Udio Music Expert

Generates high-quality AI music and custom audio assets for applications, podcasts, and digital content using optimized Udio prompts.

Video Generation Expert

Generates, animates, and edits high-quality AI videos using leading platforms and command-line processing tools.

Upscale Expert

Enhances image resolution and visual quality using state-of-the-art AI upscaling models and automated batch processing workflows.

UIzard Expert

Transforms screenshots, text prompts, and hand-drawn sketches into editable UI designs and production-ready frontend code.

UI Design & Aesthetics

Generates distinctive, high-performance user interfaces with a focus on progressive disclosure and modern aesthetic principles.

UXPilot Design Expert

Analyzes user experience research and provides automated design recommendations, usability critiques, and persona generation.

Typography Expert

Guides the selection and implementation of professional font pairings, licensing, and typography systems across web and mobile platforms.

AI Image Generation Expert

Generates high-quality AI image prompts and optimized workflows for platforms like Midjourney, DALL-E 3, and Stable Diffusion.

Flux Image Generation Expert

Generates high-quality visual assets and AI imagery using Flux.1 models through specialized prompting and API implementation patterns.

Animation Expert

Implements professional motion design, smooth transitions, and interactive visual effects across web and mobile platforms.

Kling Video Expert

Generates photorealistic AI video content and provides specialized prompting guidance for the Kling 2.0 model.

Adobe Firefly Expert

Generates commercially safe creative assets, vectors, and design elements using Adobe Firefly's generative AI capabilities.

UI Visual Showcase Modes

Enhances UI and interaction designs with high-impact visual modes and structured implementation checklists.

Distinctive UI Design & Aesthetics

Generates high-performance, non-generic user interfaces with a focus on progressive disclosure and modern design systems.

Gay-MCP Deterministic Design

Generates deterministic, mathematically-proven color palettes and GF(3) trits using SplitMix64 and golden angle spirals.

User Journey Mapping

Generates comprehensive user journey maps to identify pain points, emotional states, and optimization opportunities across the user experience.

Figma Design-to-Code Expert

Transforms Figma designs and component libraries into production-ready frontend code and design tokens automatically.