Design Tools Agent Skills

React Architecture Starter

Scaffold production-grade React applications with Vite, TypeScript, and a scalable feature-based architecture.

Slack GIF Creator

Generates and optimizes custom animated GIFs and emojis specifically tailored for Slack using advanced animation logic and PIL primitives.

Fluxwing Component Creator

Generates structured uxscii UI components with ASCII art and metadata for rapid frontend prototyping and design documentation.

Rust UI Architecture Specialist

Architects scalable and maintainable Rust desktop applications using standardized GPUI patterns and layered design principles.

GPUI Development Patterns

Streamlines high-performance Rust UI development with standardized GPUI component, state, and event patterns.

GPUI Performance Optimizer

Optimizes GPUI application performance through advanced rendering techniques, layout efficiency, and memory management strategies.

GPUI Styling & Themes

Implements high-performance, responsive UI styling and comprehensive theme management for Rust applications using GPUI.

React Component Generator

Generates production-ready React components using TypeScript, modern hooks, and industry-standard best practices.

Slack GIF Creator Toolkit

Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's file size and dimension constraints.

Image Enhancer

Elevates the quality of images and screenshots through intelligent upscaling, sharpening, and artifact reduction.

Frontend Design & Deterministic UI

Generates consistent, mathematically-grounded UI/UX design systems using deterministic colors and geometric layout principles.

Brand Guidelines Application

Applies consistent brand identity, including colors, typography, and spacing, across web components, documents, and marketing materials.

Accessibility Patterns

Builds inclusive web experiences by implementing WCAG guidelines, semantic HTML, and advanced ARIA patterns.

Canvas Design

Generates museum-grade visual art and design philosophies through meticulous spatial and chromatic orchestration.

Marp Slide Creator

Generates professional Marp/Marpit presentations with custom SVG diagrams and consistent color design systems.

UI Styling & Design Systems

Builds beautiful, accessible React interfaces using shadcn/ui components, Tailwind CSS styling, and canvas-based visual design systems.

PolicyEngine Design System

Standardizes the visual identity of PolicyEngine applications through consistent branding, typography, and data visualization guidelines.

UI/UX Pro Max - Design Intelligence

Provides expert-level UI/UX guidance, design systems, and implementation patterns across multiple frontend frameworks.

Advanced Glassmorphism UI

Generates sophisticated frosted glass effects and transparent overlays using advanced Tailwind CSS patterns and multi-agent validation.

Preact & Tailwind Frontend

Standardizes frontend development workflows using Preact, Tailwind CSS, and accessibility-first design patterns.

Base UI React Component Toolkit

Implements accessible, unstyled React components using the render prop pattern for full styling control and smart positioning.

Responsive Typography Skills

Implements fluid typography using CSS clamp() to create responsive font sizes that scale smoothly with the viewport.

Design Movements Mastery

Guides UI/UX aesthetic direction by applying historical design movements and their specific visual patterns to modern frontend code.

Design Masters

Applies the enduring principles and philosophies of legendary designers to modern UI/UX and visual communication tasks.

React Modernization

Upgrades legacy React applications to modern standards by migrating class components to hooks and implementing React 18 concurrent features.

Infographic Generator

Transforms complex text and data into professional, publication-ready infographics using diverse layouts and visual styles.

Jungian Archetypes for UI/UX

Translates Jungian psychological archetypes into cohesive UI/UX design systems, including Tailwind patterns, typography, and motion principles.

Web Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and modern frontend workflows.

Anthropic Brand Identity

Applies official Anthropic brand colors and typography to documents and visual artifacts for consistent professional styling.

Cover Image Generator

Generates professional, hand-drawn style article covers by analyzing your content's tone and message.