Design Tools Agent Skills

Slack GIF Creator

Generates and optimizes animated GIFs and custom emojis specifically tailored for Slack's technical constraints.

Algorithmic Art Generator

Generates sophisticated p5.js generative art by establishing computational philosophies and master-level emergent systems.

Canvas Visual Design

Generates sophisticated visual art and design philosophies for creating high-end, museum-quality digital artifacts.

Anthropic Brand Styling

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

Theme Factory

Applies professional color palettes and typography themes to slides, documents, and web artifacts.

Fancy Yard Landscaper

Transforms outdoor spaces through expert landscape design, climate-specific plant selection, and visual AI renderings.

Frontend Design

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

Frontend Designer

Builds accessible, responsive, and performance-optimized user interfaces using modern CSS patterns and design system best practices.

Icon Designer

Creates cohesive, production-ready icon sets and comprehensive design systems for modern user interfaces.

Tailwind CSS Patterns

Provides a comprehensive library of optimized Tailwind CSS utility patterns and best practices for rapid, consistent frontend development.

React Context Patterns

Implements efficient state sharing and prop-drilling elimination using React Context API best practices.

Tailwind CSS JARVIS UI

Implements utility-first styling and holographic design patterns for high-performance AI assistant interfaces.

Artisan Canvas Designer

Generates high-fidelity visual art and design philosophies in PDF and PNG formats using sophisticated aesthetic principles.

Algorithmic Art Generator

Generates sophisticated p5.js generative art by establishing deep algorithmic philosophies and implementing them through meticulously crafted code.

Artifacts Builder

Builds sophisticated, multi-component React artifacts for Claude.ai using modern frontend frameworks and professional design systems.

Image Quality Enhancer

Enhances the resolution, sharpness, and clarity of screenshots and images for professional use in documentation and social media.

Theme Factory

Applies professional visual styling, color palettes, and typography to artifacts like slide decks, documentation, and web pages.

React Modernization

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

Frontend Design

Creates distinctive, production-grade frontend interfaces by applying professional design principles and ensuring architectural consistency across codebases.

Webflow Code Components

Develops, optimizes, and deploys React-based code components for the Webflow Designer using Shadow DOM architecture and the Webflow CLI.

Frontend CSS

Implements maintainable, responsive styling using modern CSS methodologies and design system tokens.

Frontend Responsive

Builds adaptive, mobile-first web layouts using fluid grids and relative units to ensure a seamless user experience across all device sizes.

Professional UI Design & Systems

Generates high-quality, accessible, and distinctive user interfaces while eliminating generic AI design patterns.

Creative Algorithmic Design

Generates sophisticated algorithmic art and generative design systems using p5.js and computational philosophy.

Frontend Accessibility

Builds inclusive web interfaces using semantic HTML, ARIA attributes, and robust keyboard navigation patterns to ensure WCAG compliance.

Kie Image Generator

Generates high-quality AI images using a diverse suite of 13+ professional models including Flux, GPT-4O, and Ideogram directly through Claude Code.

UI/UX Pro Max - Design Intelligence

Provides comprehensive UI/UX design guidelines, accessibility standards, and design system generation for modern web and mobile applications.

Design System Starter

Architects scalable and accessible UI design systems using atomic design principles, standardized tokens, and component patterns.

Anthropic Brand Styling

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

Design Brief Generator

Generates comprehensive, well-structured design briefs that define project scope, goals, constraints, and success criteria to align stakeholders.