Design Tools Agent Skills

Component Finder

Locates UI components within a codebase using screenshots, route paths, or component names to bridge the gap between design and implementation.

Algorithmic Art & Generative Design

Generates sophisticated algorithmic art and interactive p5.js visualizations based on deep computational philosophies and emergent behaviors.

React & Next.js Performance Optimizer

Optimizes React and Next.js applications using Vercel Engineering's 45 performance-focused best practices.

Avalonia UI & Zafiro Development

Architects robust cross-platform applications using Avalonia UI and the Zafiro toolkit with a functional-reactive approach.

Remotion Video Engineering

Streamlines programmatic video creation using React-based Remotion patterns for animations, 3D content, and dynamic compositions.

Canvas Design Mastery

Generates professional, museum-quality visual designs and artistic philosophies in PDF and PNG formats.

Anthropic Brand Identity Styling

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

3D Web Experience

Builds immersive, high-performance 3D web experiences using Three.js, React Three Fiber, and WebGL.

Web Artifacts Builder

Constructs sophisticated, multi-component Claude.ai artifacts using React, Tailwind CSS, and shadcn/ui for production-grade frontend prototypes.

Advanced Web Artifacts Builder

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

Avalonia & Zafiro Development

Streamlines cross-platform UI development using Avalonia UI and the Zafiro toolkit with functional-reactive patterns.

Atomic Design for React

Organizes React components into a structured hierarchy using the Atomic Design pattern to improve reusability and scalability.

Theme Factory

Styles digital artifacts like slides, reports, and landing pages with professional color palettes and typography pairings.

React Architecture Patterns

Implements modern React design principles, performance optimizations, and TypeScript best practices for production-ready frontend applications.

Frontend Design Architect

Creates distinctive, production-grade frontend interfaces with high design quality and custom aesthetics that avoid generic AI-generated patterns.

Scientific Schematics & Diagrams

Generates publication-quality scientific diagrams and architectural schematics using smart iterative AI refinement.

Anthropic Brand Guidelines

Applies official Anthropic brand colors and typography to documents, presentations, and visual artifacts.

Anthropic Brand Guidelines

Applies Anthropic's official visual identity, color palette, and typography to code artifacts and presentations.

3D Web Experience

Builds immersive 3D web environments and interactive scenes using Three.js, React Three Fiber, and WebGL.

Algorithmic Art Generator

Generates sophisticated generative art and algorithmic philosophies using p5.js and seeded randomness.

Canvas Visual Design & Artistry

Generates museum-grade visual art and design philosophies for high-fidelity posters, diagrams, and static pieces.

Theme Factory

Applies professional color palettes and typography themes to documents, presentations, and web artifacts.

Anthropic Brand Guidelines

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

Interactive Portfolio Designer

Builds high-conversion personal portfolios and interactive case studies that effectively showcase professional impact and technical expertise.

Interaction Design Patterns

Implements proven UI/UX solutions and standardized interaction models to create intuitive, consistent user experiences across platforms.

Frontend Design

Creates distinctive, production-grade frontend interfaces with high design quality that avoid generic AI aesthetics.

Interactive Portfolio Designer

Builds high-conversion developer and designer portfolios that transform project showcases into memorable career opportunities.

Interactive Portfolio Builder

Builds high-conversion personal portfolios and project showcases that turn visitors into professional opportunities.

Frontend Design Patterns

Implements high-performance React and Next.js design patterns, including state management, component composition, and UI optimization strategies.

UX Writing & Copy Improver

Optimizes UI microcopy across codebases using proven UX writing frameworks and interactive audit modes.