Design Tools Agent Skills

Frontend Design Agent

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

Anthropic Brand Styling Agent

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

Slack GIF Creator

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

Adobe XD Design Expert

Streamlines UI/UX design workflows by providing expert guidance on Adobe XD prototyping, component management, and design systems.

Runway ML Assistant

Streamlines AI video generation and creative image editing workflows using Runway ML's advanced generative tools.

Algorithmic Art Agent

Generates gallery-quality generative art by establishing computational philosophies and implementing them through sophisticated p5.js code.

Mermaid Diagram Specialist

Generates a wide range of professional Mermaid diagrams, including system architectures, flowcharts, project timelines, and mindmaps.

Web Artifacts Builder

Generates sophisticated, multi-component Claude.ai React artifacts with professional styling and single-file bundling.

Algorithmic Art Creator

Generates sophisticated p5.js generative art based on custom computational philosophies and mathematical principles.

Anthropic Brand Guidelines

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

Frontend Design

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

Mermaid Diagram Generator

Generates professional Mermaid diagrams for visualizing system architectures, workflows, project timelines, and complex data structures.

Svelte Framework Assistant

Accelerates Svelte application development by providing expert guidance on components, reactivity, and state management.

BootstrapVue 3 Integration

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

Vue 2 Core Development

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

Avue Admin Framework

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

Axure Prototyping

Facilitates the creation of high-fidelity interactive prototypes and wireframes using Axure RP best practices.

Figma AI Design Guide

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

Galileo AI Design Assistant

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

Draw.io Architecture Designer

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

Modao Design Assistant

Streamlines UI/UX prototyping and wireframing through expert guidance for the Modao design platform.

Layui Vue 3 Assistant

Provides comprehensive guidance and code patterns for implementing Layui Vue components and Layer dialogs in Vue 3 applications.

Element Plus for Vue 3

Streamlines the development of high-quality Vue 3 applications using the Element Plus UI component library.

Figma Design Assistant

Streamlines UI/UX workflows by providing expert guidance on Figma design systems, component architecture, and prototyping best practices.

Imagen AI Image Generator

Generates high-quality images, icons, and diagrams directly within Claude Code using Google Gemini's advanced vision models.

Avue CRUD Interface Manager

Streamlines the development of data-driven tables and forms using the Avue CRUD framework for Vue.js applications.

Algorithmic Art & Generative Graphics

Generates sophisticated p5.js-based generative art and interactive algorithmic philosophies with expert-level craftsmanship.

Generative Algorithmic Art Studio

Creates sophisticated, gallery-quality generative art using p5.js and deep computational philosophies.

Algorithmic Art & Generative Design

Generates sophisticated p5.js algorithmic art through a dual-process of philosophical conceptualization and masterful code implementation.

Anthropic Brand Guidelines

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