Design Tools Agent Skills

Slack GIF Creator

Generates and optimizes custom animated GIFs for Slack using PIL primitives, easing functions, and built-in validation tools.

Web Artifacts Builder

Constructs complex, multi-component React applications bundled into single-file HTML artifacts for interactive use within Claude conversations.

UI Styling & Component Design

Architects beautiful, accessible, and responsive user interfaces using shadcn/ui components and utility-first Tailwind CSS.

Theme Factory

Applies professional color palettes and font pairings to digital artifacts like slide decks, documents, and landing pages to ensure a consistent and polished visual identity.

Algorithmic Art

Generates sophisticated generative art using p5.js with a focus on computational philosophy and interactive parameter exploration.

Visual Canvas & Design Philosophy

Generates museum-quality visual art and sophisticated design philosophies through a systematic, two-step creative process.

Bluewaves Brand System

Standardizes visual identity across web, documents, and presentations with a curated set of design tokens and assets for the Bluewaves brand.

Decathlon Brand System

Implements the official Decathlon brand identity through design tokens, typography, and assets for automated document and UI generation.

Brand Analyzer

Creates comprehensive brand guidelines and identity audits using established frameworks and archetype analysis.

Wave Artisans Brand Kit

Provides a comprehensive minimalist design system and brand assets for creating high-end documents, presentations, and web interfaces.

Visual Design

Generates professional Mermaid diagrams, AI image prompts, and evidence-based design themes for technical presentations.

Research PDF Generator

Generates aesthetic, print-ready HTML one-pagers and PDFs from research topics using curated design presets.

Nano Banana Visual System

Generates professional, brand-aligned infographics and presentation visuals for shipping and sales pipelines using standardized prompt patterns.

Wiggle Logo Animator

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

Canvas Design

Generates sophisticated visual art and design philosophies through a systematic, two-step creative process.

Anthropic Brand Styling

Applies official Anthropic brand identity, typography, and color schemes to documents and visual artifacts.

Algorithmic Art Studio

Generates sophisticated, master-level generative art using p5.js with a focus on computational philosophy and interactive parameter exploration.

Distinctive Frontend Design

Creates distinctive, production-grade frontend interfaces with high-quality design and unique aesthetics.

Visual Engine

Orchestrates sophisticated animation presets, 3D visual components, and interactive gallery experiences while maintaining strict accessibility and performance standards.

Interaction Design & Motion UI

Creates polished user interfaces using microinteractions, smooth transitions, and purposeful motion design patterns.

Anthropic Brand Styling

Applies Anthropic's official brand identity, color palette, and typography to visual artifacts and documents.

Shadcn/UI Component Library Skill

Streamlines the installation, configuration, and implementation of accessible React components using shadcn/ui and Tailwind CSS.

React Development Standards

Enforces modern React development conventions including functional components, custom hooks, and Storybook CSF 3.0 patterns.

Typography Expert

Apply professional typography principles to create readable, hierarchical, and aesthetically refined user interfaces.

Video Analysis & UX Auditor

Analyzes video files for UI/UX, visual aesthetics, and technical quality using FFmpeg frame extraction and Claude Vision.

Product Copy & UX Writing

Crafts clear, consistent, and action-oriented microcopy for user interfaces, onboarding flows, and error states.

shadcn/ui Design System Builder

Generates accessible, theme-compliant shadcn/ui components using project-specific design tokens and design system patterns.

Modern Frontend Technologies

Builds production-grade web applications using modern frameworks, responsive design patterns, and type-safe architectures.

Competitive Design

Analyzes competitor UX/UI flows and interface patterns to generate actionable design insights and strategic briefs.

Design System Architect

Extracts visual styles from reference screenshots to generate production-ready design tokens and interactive React showcase applications.