Design Tools Agent Skills

Advanced Web Artifacts Builder

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

Algorithmic Art Architect

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

Frontend Development Guidelines

Enforces senior-level React, TypeScript, and Next.js best practices to build high-performance, accessible, and browser-compatible web applications.

Interfaith Sacred Geometry

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

Canvas Design Studio

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

Interfaith Sacred Geometry

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

Canvas Design

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

Web Artifacts Builder

Generates complex, multi-component React and Tailwind CSS artifacts for Claude.ai with professional styling and automated single-file bundling.

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.

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.

Interfaith Sacred Geometry

Generates mathematically precise sacred patterns and interfaith symbols for spiritual visualizations and artistic compositions.

Slack GIF Creator

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

Frontend Development & UI Engineering

Builds accessible, high-performance user interfaces and client-side logic following modern component-based architecture and web standards.

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.

Aesthetic UI Designer

Creates distinctive, production-grade user interfaces by avoiding generic AI design patterns and implementing professional-level visual principles.

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.

Responsive Design Patterns

Implements mobile-first layouts, fluid typography, and adaptive components for seamless cross-device user experiences.

Frontend Engineering Assistant

Builds production-ready web and mobile interfaces using modern frameworks, design systems, and advanced accessibility standards.

Elementary Design System

Implements a three-layered, token-based styling framework for building themeable, professional user interfaces with interchangeable visual fidelity.

Theme Factory

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

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality and unique aesthetic choices.

Anthropic Brand Styling

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

Accessibility Patterns & WCAG Compliance

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

Complex React Artifacts Builder

Streamlines the creation of sophisticated, multi-component React artifacts using shadcn/ui and Tailwind CSS for claude.ai.

Web Design Guidelines Auditor

Audits web interfaces for compliance with modern UX, accessibility, and design best practices.