Design Tools Agent Skills

Frontend Design Concept

Creates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through intentional design thinking and meticulous execution.

UI/UX Pro Max

Provides comprehensive design intelligence and implementation patterns for creating stunning, production-grade frontend interfaces across multiple frameworks.

Brand Color Extractor

Extracts official brand color palettes from websites and design systems to automatically generate comprehensive VS Code theme configuration files.

Frontend Design

Creates distinctive, production-grade frontend interfaces with a focus on high-quality aesthetics and creative implementation patterns.

Frontend Design

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

React Frontend Stack

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

Theme Factory

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

UI Generator

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

Frontend Design Pro

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

Slack GIF Creator

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

React Artifacts Builder

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

Templ UI Components

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

Anthropic Brand Styling

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

Theme Factory

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

Frontend Design

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

Frontend Design Pro

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

Cloodle Design Tokens

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

Zero One Theme & UIkit Patterns

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

Boost Union Theme Configurator

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

Frontend CSS

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

Terminal Animation Skill

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

Pulse Radar Frontend Design

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

Senior UI Designer

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

Design System Applier

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

Ink CLI UI Design

Guides the design and implementation of sophisticated terminal user interfaces using Ink.js and React.

Web Artifact Builder

Builds complex, multi-component React artifacts for Claude.ai with shadcn/ui and professional design patterns.

Canvas Design & Art Philosophy

Generates professional-grade visual art and design philosophies through systematic spatial communication and meticulous craftsmanship.

PPTX Creator & Analyst

Automates the creation, editing, and analysis of PowerPoint presentations using advanced OOXML manipulation and HTML-to-PPTX workflows.

Algorithmic Art Architect

Generates sophisticated, gallery-quality generative art by translating computational philosophies into interactive p5.js sketches.

Anthropic Brand Guidelines

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