Design Tools Agent Skills

Gamma API Auth & Setup

Installs and configures Gamma API authentication to enable AI-powered presentation generation in your project.

Gemini Image Generation

Generates and edits professional-quality images, technical diagrams, and illustrations using the Gemini 3 Pro Image model.

MyOperator Design System

Generates production-ready React and Tailwind CSS components following the official MyOperator enterprise SaaS design language.

PaperBanana Illustration Pipeline

Generates publication-quality illustrations using a sophisticated 5-agent pipeline for style consistency and iterative quality review.

AI Image Generator

Generates and enhances high-fidelity AI images using Google Gemini and a specialized 6-element prompt engineering formula.

Anthropic Brand Styling

Applies official Anthropic brand colors, typography, and visual standards to generated artifacts and documents.

React 19 Patterns

Implements modern React 19 architectural patterns and optimizations including the React Compiler and Server Actions.

Design System Manager

Architects and maintains scalable design systems using design tokens, multi-theme support, and standardized UI patterns.

Accessibility Specialist

Ensures web applications meet WCAG 2.1/2.2 compliance through expert ARIA implementation, keyboard navigation, and automated testing.

Canva Automation via Rube MCP

Automates Canva design workflows including creation, asset uploads, folder organization, and template-based content generation.

Theme Factory

Styles artifacts like slides, documentation, and landing pages using professional color palettes and complementary font pairings.

Theme Factory

Applies professional color palettes and font pairings to digital artifacts like slides, documentation, and landing pages.

Anthropic Brand Styling

Applies Anthropic's official visual identity, colors, and typography to artifacts for a consistent corporate look-and-feel.

Anthropic Brand Styling

Applies Anthropic's official visual identity, including specific color palettes and typography, to digital artifacts and documents.

Wave Artisans Brand Kit

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

Bootstrap Layout

Implements responsive, professional layouts using Bootstrap 5.3's grid system, containers, and flexbox utilities.

Design System Governance

Audits and tracks design token inconsistencies between Figma design systems and code implementations to prevent styling drift.

Decathlon Brand System

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

Bluewaves Brand System

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

React TypeScript Pro

Generates type-safe, production-ready React 19 components and custom hooks using modern TypeScript patterns.

Algorithmic Art

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

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.

Web Artifacts Builder

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

Slack GIF Creator

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

CSS Design Tokens System

Implements a standardized design token system using CSS Custom Properties for scalable and maintainable UI styling.

Frontend Design

Creates distinctive, production-grade frontend interfaces that avoid generic aesthetics through bold design choices and high-quality code.

Frontend Design

Generates distinctive, production-grade web interfaces and UI components that avoid generic AI design patterns through intentional aesthetic choices.

Frontend Design

Generates distinctive, production-grade web interfaces with a focus on high-quality aesthetics and creative, non-generic design choices.

Algorithmic Art Studio

Generates sophisticated generative art and computational aesthetics using p5.js through a unique two-step philosophical and algorithmic approach.

React 19 Frontend Core Principles

Establishes production-ready architectural patterns and best practices for modern React 19 SPA development.