Design Tools Agent Skills

Visual Validation & Screenshot Capture

Automates the capture of full-page visual evidence to verify frontend implementations and UI designs.

Algorithmic Art Architect

Generates sophisticated, museum-quality generative art and interactive p5.js systems based on custom computational philosophies.

Animated Notification UI

Constructs interactive notification systems with animated bell icons, unread badges, and priority-themed dropdown panels.

Interfaith Sacred Geometry

Generates mathematically precise sacred geometry patterns and interfaith symbols for spiritual visualizations and art.

Advanced Web Artifacts Builder

Generates sophisticated, multi-component React artifacts for Claude.ai using modern frontend stacks and professional UI components.

Canvas Design Studio

Generates sophisticated visual art and design philosophies translated into high-fidelity PDF and PNG documents.

Algorithmic Art Studio

Generates sophisticated, gallery-quality generative art and interactive p5.js sketches using a philosophy-first computational approach.

Web Accessibility Patterns

Implements inclusive web design patterns and WCAG compliance across semantic HTML, ARIA, and keyboard navigation.

Frontend Design Systems

Standardize your UI development with production-ready design tokens, accessible components, and scalable frontend patterns.

Generative Art Algorithms

Implements complex mathematical patterns, noise functions, and procedural generation for creative coding and algorithmic art.

Accessibility Patterns & WCAG Compliance

Builds inclusive web experiences by implementing WCAG guidelines, semantic HTML, and accessible ARIA patterns.

Browser Canvas

Renders interactive React and Vanilla HTML interfaces in a browser window with real-time hot-reloading and state synchronization.

Frontend Design Systems

Implements consistent, scalable UI components and design tokens to build maintainable and accessible frontend architectures.

Theme Factory

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

Frontend Design Systems

Architects consistent, production-ready frontend UI components using systematic design tokens and accessible component patterns.

Frontend Design Systems

Standardizes frontend development through scalable design tokens, accessible component patterns, and systematic layout architectures.

Anthropic Brand Styling

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

Lightfriend Yew Page Creator

Streamlines the creation of new WebAssembly frontend pages and routing within the Lightfriend Yew framework.

Claude Artifacts Builder

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

Accessibility Patterns

Builds inclusive web experiences by implementing WCAG guidelines, semantic HTML, and ARIA patterns.

Interfaith Sacred Geometry

Generates mathematically precise sacred geometry patterns and interfaith symbolic visualizations for spiritual art and meditation aids.

Data Flow Diagram Creator

Generates professional data flow diagrams using Excalidraw to visualize system architecture and data movements.

Web Design Guidelines

Audits web application code against modern UI/UX best practices and accessibility standards using live design guidelines.

AI Image Generator

Generates custom images and visual content directly through the telclaude bridge using GPT Image 1.5.

Frontend Design Pro

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

Theme Factory

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

Canvas Design

Generates museum-grade visual art and custom design philosophies for posters and high-fidelity digital assets.

Slack GIF Creator

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

UI/UX Pro Max - Design Intelligence

Provides expert-level UI/UX guidance, design systems, and implementation patterns across multiple frontend frameworks.

GSAP Text Animations

Implements high-performance text animations and typography effects using GSAP SplitText, TextPlugin, and ScrambleTextPlugin.