Design Tools Agent Skills

Figma Design

Provides comprehensive guidance and implementation patterns for Figma design workflows, component systems, and custom plugin development using the official API.

Tailwind CSS

Builds modern, responsive user interfaces using a utility-first CSS framework with production optimization and design system tokens.

UX Principles

Applies user-centered design, usability heuristics, and cognitive psychology to create intuitive and accessible digital experiences.

Slack GIF Creator

Generates optimized, high-quality animated GIFs and custom emojis specifically tailored for Slack's technical requirements and constraints.

Algorithmic Art Studio

Generates sophisticated, gallery-quality algorithmic art and generative systems using p5.js and computational philosophy.

Frontend Design

Designs and builds distinctive, production-grade frontend interfaces with high aesthetic intentionality and custom styling.

LiveView Optimistic UI

Implements high-performance optimistic UI patterns in Phoenix LiveView to provide instant user feedback and seamless state transitions.

Web Artifacts Builder

Constructs sophisticated, multi-component React artifacts for claude.ai with integrated shadcn/ui and Tailwind CSS support.

Anthropic Brand Styler

Applies official Anthropic brand identity, colors, and typography to digital artifacts and presentations.

Canvas Visual Design

Generates sophisticated visual art and design philosophies using high-level aesthetic principles and minimalist execution.

Frontend Design Expert

Generates distinctive, production-grade frontend interfaces and components that avoid generic AI-generated aesthetics through intentional design choices.

UI/UX Pro Max Intelligence

Generates comprehensive, production-grade design systems and UI/UX code across nine modern technology stacks.

Theme Factory

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

Vercel React Best Practices

Optimizes React and Next.js applications using performance-driven engineering patterns and guidelines from Vercel.

React Component Architect

Generates standardized React components with integrated PropTypes and acceptance testing hooks.

Deno Fresh Frontend Development

Builds high-performance web applications using the Fresh 2.x framework, Preact, and Tailwind CSS in Deno.

Brand Content Design

Generates branded presentations, LinkedIn carousels, and HTML landing pages using a structured design system and brand philosophy.

Figma to Code

Generates production-ready React and Next.js components from Figma designs using systematic MCP tool workflows.

UI Design Patterns

Provides comprehensive guidance and implementation patterns for building intuitive, accessible, and responsive user interfaces using industry-standard design components.

Vercel Web Design Guidelines

Audits UI code for compliance with Vercel's professional web interface and accessibility standards.

Branded Infographic Generator

Generates professional, brand-aligned infographics and data visualizations using a library of 114 customizable templates.

NotebookLM Infographic Automator

Automates the end-to-end creation of professional infographics by combining real-time web research with NotebookLM visual generation.

Algorithmic Art & Generative Design

Generates sophisticated algorithmic art and interactive visualizations using p5.js and computational aesthetic principles.

Canvas Design & Visual Arts

Generates museum-quality visual art and aesthetic philosophies through a meticulous, two-step creative workflow.

Professional Canvas Design

Generates museum-grade visual art and design documents through sophisticated design philosophies and expert-level craftsmanship.

Theme Factory

Applies professional design systems, color palettes, and font pairings to digital artifacts like presentations and documents.

Slack GIF Creator

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

Modern Frontend Framework Specialist

Implements high-performance web interfaces using cutting-edge React 19, Next.js 16, and Vue 3.5 architectural patterns.

Moai Domain UI/UX Expert

Accelerates frontend development by implementing enterprise-grade design systems, accessible component architectures, and comprehensive theming solutions.

Theme Factory

Applies professional color palettes and typography to artifacts like slides, documents, and HTML landing pages.