Design Tools Agent Skills

Theme Factory Agent

Styles artifacts like slides, documents, and landing pages with professional font and color themes instantly.

Slack GIF Creator

Generates high-quality, optimized animated GIFs specifically tailored for Slack emojis and messages using Python-based animation workflows.

Anthropic Brand Styling Agent

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

Frontend Design Agent

Creates distinctive, production-grade frontend interfaces with high-end aesthetics that transcend generic AI-generated styles.

Theme Factory

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

Slack GIF Creator

Generates and optimizes animated GIFs tailored specifically for Slack emojis and messages using Python's PIL library.

Vue 2 Core Development

Builds and maintains robust Vue 2.x applications using Options API, Vuex state management, and Vue Router integration.

Draw.io Architecture Designer

Provides expert guidance for creating professional architecture diagrams, design systems, and visual documentation using draw.io.

Theme Factory

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

Anthropic Brand Styling

Applies official Anthropic brand colors and typography to digital artifacts and UI components to ensure visual consistency.

Canvas Design Agent

Generates museum-grade visual art and design philosophies by transforming subtle prompts into sophisticated posters and digital artifacts.

UX Flow Optimizer

Analyzes and optimizes user flows to reduce friction, eliminate unnecessary steps, and improve overall conversion rates.

React Framework Assistant

Develops and optimizes modern web interfaces using React components, state management, and performance best practices.

Theme Factory

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

Frontend Design Expert

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

Avue Form Specialist

Streamlines the development of complex Vue.js forms using the Avue-form configuration-based component library.

Ant Design React Pro

Streamlines React application development by providing expert guidance on Ant Design components, theme customization, and TypeScript implementation.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and custom aesthetics that avoid generic AI patterns.

Dart Sass Integration

Compiles, configures, and optimizes Sass and SCSS workflows using Dart Sass best practices and modern module systems.

Framer Expert Design

Facilitates professional UI/UX design, interactive prototyping, and custom React code component development within the Framer ecosystem.

Web Artifacts Builder

Generates sophisticated, multi-component React artifacts for Claude.ai using shadcn/ui and Tailwind CSS.

Galileo AI Design Assistant

Streamlines UI/UX workflows by providing expert guidance on Galileo AI's generative design capabilities and component automation.

Slack GIF Creator

Generates high-quality, optimized animated GIFs specifically tailored for Slack emojis and message attachments.

Theme Factory

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

BootstrapVue 3 Integration

Accelerates frontend development by providing comprehensive components, grid systems, and directives for Bootstrap Vue 3 applications.

Canvas Design Artistry

Generates sophisticated visual art and design philosophies through a meticulous, multi-step creative process.

Anthropic Brand Identity Stylist

Applies Anthropic's official visual identity, including brand colors and typography, to design artifacts and UI components.

Avue Admin Framework

Builds sophisticated data-driven admin interfaces and CRUD operations using the Avue framework for Vue.js.

Figma AI Design Guide

Streamlines UI/UX workflows by leveraging Figma's AI-powered design tools, automation features, and smart prototyping capabilities.

Uizard AI Design

Accelerates UI/UX design workflows by providing expert guidance on Uizard's AI-powered wireframing and prototyping capabilities.