Design Tools Agent Skills

Canvas Design & Artistry

Generates sophisticated visual designs and aesthetic philosophies by translating conceptual inputs into museum-quality digital art.

Slack GIF Creator

Generates high-quality animated GIFs optimized for Slack emojis and messages using Python-based drawing and animation utilities.

Theme Factory

Applies professional color palettes and typography pairings to artifacts like slide decks, documents, and landing pages.

Algorithmic Art Studio

Generates sophisticated, gallery-quality generative art and interactive visualizations using p5.js and deep computational philosophies.

Anthropic Brand Styling

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

Web Artifacts Builder

Generates sophisticated, multi-component React applications bundled into single-file Claude.ai artifacts using shadcn/ui and Tailwind CSS.

Image Enhancer

Enhances the quality of screenshots and images by improving resolution, sharpness, and clarity for professional use.

Frontend Design Expert

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

Advanced React Artifacts Builder

Builds and bundles complex, multi-component React artifacts for Claude.ai using modern frontend technologies like shadcn/ui and Tailwind CSS.

Slack GIF Creator

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

React 19 Expert

Implements modern React 19 patterns and core features for high-performance frontend applications.

Theme Factory

Styles artifacts like slides, reports, and landing pages with professional font pairings and cohesive color palettes.

Anthropic Brand Styling

Applies Anthropic's official brand colors, typography, and visual identity to documents and digital artifacts.

Artistic Canvas & Design Philosophy

Generates sophisticated visual art and custom design philosophies for posters, digital canvases, and high-fidelity documents.

Advanced React Artifacts Builder

Builds complex, production-grade Claude artifacts using React, TypeScript, Tailwind CSS, and shadcn/ui.

High-Fidelity UI Component Generator

Generates production-grade, high-fidelity React components using shadcn/ui and 21st.dev with a focus on modern design aesthetics and motion.

Tailwind Design System

Builds production-grade design systems and reusable component libraries using Tailwind CSS, design tokens, and structured UI patterns.

Frontend Development Patterns

Implements production-ready React and Next.js architecture patterns for scalable and performant user interfaces.

UI Layout Optimizer for Angular

Optimizes Angular UI components and page layouts using standardized design patterns and shared style utilities.

React Modernization

Upgrades React applications to modern standards by migrating class components to hooks and adopting React 18+ features.

One-UI Icon Migrator

Simplifies UI migrations by mapping legacy icons to the standardized One-UI design system.

One UI Angular Migration Patterns

Provides standardized patterns and best practices for migrating Angular components to One UI standards, including tables, forms, and modern syntax.

Shadcn UI Manager

Streamlines the integration and management of Shadcn UI components using official CLI patterns and architectural best practices.

AI Image Generator

Generates and edits high-quality AI images using advanced models like Gemini and Seedream directly within your terminal.

Repo Logo Generator

Generates professional, transparent-background repository logos using AI and programmatic chromakey technology.

Algorithmic Art Studio

Creates sophisticated generative art through algorithmic philosophies and interactive p5.js implementations.

Form CRO Optimizer

Optimizes web forms to maximize completion rates and lead quality through data-driven UX patterns and friction reduction.

Seamless Video Loop Generator

Creates mathematically seamless, infinite video loops using forward-reverse-crossfade techniques for web and UI backgrounds.

Figma Design-to-Code

Converts Figma designs, components, and styles into production-ready code with pixel-perfect accuracy.

LP Design Style Cloner

Generates landing page images that maintain a specific design style while allowing for text-only modifications via JSON specifications.