Design Tools Agent Skills

Frontend Development & Architecture

Implements production-grade frontend interfaces across React, Vue, Svelte, and Angular using modern performance patterns and state management.

Canvas Visual Arts & Design

Generates museum-quality visual art and sophisticated design philosophies through a meticulous, multi-step creative process.

3D Web Experience Architect

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

Algorithmic Art Generator

Generates sophisticated, gallery-quality generative art using p5.js based on custom computational philosophies.

Algorithmic Art Studio

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

3D Web Experience Architect

Builds immersive 3D web environments using Three.js, React Three Fiber, and WebGL while balancing visual impact with performance.

Frontend Patterns & Best Practices

Implements production-ready React and Next.js architectural patterns for scalable and high-performance user interfaces.

Web Design Guidelines Auditor

Audits web interfaces for compliance with industry-standard design, accessibility, and UX best practices.

FigJam Plugin Development

Streamlines the development and maintenance of FigJam plugins for rendering architecture diagrams from YAML definitions.

ahooks React Hooks Expert

Simplifies React development by providing expert guidance and implementation patterns for the comprehensive ahooks utility library.

3D Web Experience Architect

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

Frontend Development Patterns

Implements industry-standard React and Next.js patterns for building scalable, high-performance user interfaces.

Frontend Design Pro

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

ImageGen AI Suite

Generates and iterates on high-quality AI images, icons, and design assets using Google Gemini and OpenAI models.

UI/UX Pro Max

Enhances frontend development with a comprehensive database of UI styles, color palettes, and stack-specific design patterns for professional interfaces.

Image Analyze & Comparison

Analyzes and compares images using AI or local processing to facilitate design reviews, visual regression testing, and metadata inspection.

Modern Frontend Design Patterns

Implements production-grade React and Next.js architectural patterns, performance optimizations, and UI best practices.

AI Image Generation & Editing

Generates and edits high-quality photos, illustrations, and concept art using advanced AI models like FLUX and Gemini.

AI-UI Interactive Components

Enables Claude to render interactive browser-based UI components and collect structured user feedback via MCP.

Interaction Design

Design intuitive, goal-directed user interactions grounded in cognitive principles and behavioral science.

Frontend Design Specialist

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

Icon Asset Generator

Automates the generation of production-ready web favicons, PWA assets, and game engine icon bundles from a single source file.

Web Interface Design Auditor

Audits web user interfaces against modern design guidelines and accessibility standards to ensure high-quality frontend implementation.

Web Design Guidelines Auditor

Audits web user interfaces for compliance with industry-standard design, accessibility, and UX best practices.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces and UI components that avoid generic AI design patterns.

UX/UI Designer Agent (Full Mode)

Generates comprehensive design systems, component specifications, and detailed user journeys for production-grade software projects.

Excalidraw Diagram Generator

Generates professional Excalidraw diagrams, flowcharts, and mind maps directly from text content for seamless integration with Trilium Notes.

Frontend Web Development Expert

Orchestrates advanced frontend architecture, UI/UX implementation, and performance optimization for modern web applications.

Frontend Design Pro

Creates high-end, production-ready frontend interfaces with curated visuals and premium typography.

Nano Banana JSON Prompter

Converts natural language into structured JSON schemas for precise, reproducible image generation with Gemini 3 Pro.