Design Tools Agent Skills

Design System Applier

Automates the generation and modification of presentation slides by strictly enforcing design system guidelines and CSS patterns.

Senior UI Designer

Provides expert UI/UX design guidance for building professional SaaS interfaces with a focus on accessibility and modern CSS standards.

Pulse Radar Frontend Design

Creates production-grade React interfaces using shadcn/ui with a focus on data-driven minimalism and WCAG compliance.

Terminal Animation Skill

Generates professional terminal splash screens, ASCII art banners, and smooth CLI animations using Python's Rich and PyFiglet libraries.

Frontend CSS

Implements maintainable, performant styling across web projects using modern methodologies like Tailwind CSS, CSS Modules, and design tokens.

Boost Union Theme Configurator

Configures and customizes Moodle themes based on the Boost Union framework through SCSS overrides and child theme development.

Zero One Theme & UIkit Patterns

Accelerates Kirby CMS frontend development using UIkit 3 patterns and Zero One theme customization snippets.

React Accessibility for Chakra UI

Enforces WCAG 2.1 AA compliance and implements advanced keyboard navigation for React applications using Chakra UI.

Canvas Design

Generates museum-quality visual art and design assets through a structured philosophical framework.

Anthropic Brand Guidelines

Applies Anthropic’s official corporate identity, color palette, and typography to digital artifacts and design documents.

Cloodle Design Tokens

Standardizes visual design across Cloodle platforms using specialized design tokens for colors, typography, and spacing.

Frontend Design Pro

Creates distinctive, production-grade frontend interfaces with high-end aesthetics and polished UI components.

Frontend Design

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through characterful typography and purposeful motion.

Theme Factory

Applies professional visual themes, including curated color palettes and font pairings, to artifacts like slide decks, documents, and HTML landing pages.

Anthropic Brand Styling

Applies Anthropic's official brand identity, including color palettes and typography, to documents and visual artifacts created via Claude Code.

Templ UI Components

Builds reusable, type-safe UI components for Go web applications using advanced templ composition patterns.

React Artifacts Builder

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

Slack GIF Creator

Generates and optimizes animated GIFs and custom emoji animations specifically designed to meet Slack's strict file size and dimension requirements.

Lovelace Dashboard Architect

Architects sophisticated, responsive Home Assistant dashboards using advanced Lovelace YAML patterns and custom cards.

Frontend Component Patterns

Generates accessible, multi-style UI components using React, Tailwind CSS, and Class Variance Authority.

Image Converter

Converts PNG, JPG, and JPEG images into optimized WebP, ICO, and SVG formats for web and application development.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces that move beyond generic AI-generated aesthetics through bold design choices.

UI Generator

Generates production-ready React components and themed layouts from natural language descriptions using Tailwind CSS.

Theme Factory

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

React Frontend Stack

Implements high-performance React applications using the modern 2025 stack including React 19, Vite, and Tailwind CSS v4.

Frontend Components

Builds reusable, composable UI components following the single responsibility principle and modern state management patterns.

UI/UX Pro Max

Empowers developers to build production-grade interfaces using a searchable database of professional design systems, styles, and multi-stack best practices.

Frontend Responsive

Builds adaptive, mobile-first layouts using fluid design principles and standard breakpoints across all device types.

Frontend Design

Generates distinctive, production-grade frontend interfaces with high design quality and creative polish that avoids generic aesthetics.

Frontend Responsive

Implements mobile-first, adaptive layouts and touch-friendly interfaces across various screen sizes and devices.