Design Tools Agent Skills

Slidev Troubleshooting

Diagnoses and resolves technical errors in Slidev presentations including export failures, font rendering, and build issues.

Fogg Behavior Model Designer

Designs and optimizes user behavior change using the proven B=MAP framework to drive product growth and conversion.

Visual Cues & CTA Psychology

Optimizes user interfaces and landing pages by applying gaze psychology and visual attention principles to guide user behavior.

Loss Aversion Psychology

Applies behavioral economics and prospect theory to optimize user retention, pricing strategies, and product messaging.

CSS Design System Generator

Generates production-ready CSS variables, Tailwind configurations, and styled-components themes from design tokens.

Hick's Law Optimizer

Optimizes user decision-making speed by streamlining interface choices and reducing cognitive load within software designs.

Trust Psychology

Implements psychological trust signals and risk-reduction patterns to optimize conversion rates and user confidence in digital products.

Cognitive Biases Analysis Toolkit

Applies behavioral psychology and cognitive bias frameworks to improve product design, user experience, and ethical decision-making.

Status Quo Bias & Change Design

Analyzes user resistance to change and provides psychological frameworks to improve product adoption and migration success.

Progressive Disclosure Design

Simplifies complex user interfaces by sequencing information and actions across time to reduce cognitive load and improve usability.

React UI & Next.js Architecture

Architects and optimizes high-performance React and Next.js applications using computation-based UI modeling and strategic rendering patterns.

CLI UX Designer

Designs intuitive and professional command-line interfaces (CLI) and text-based user interfaces (TUI) following industry best practices.

Canvas Design

Generates museum-grade visual art and design documents based on custom-crafted aesthetic philosophies.

Cognitive Design Principles

Optimizes visual interfaces and information architecture by aligning designs with human perception and cognitive processing limits.

Define Design Guidelines

Creates distinctive UI/UX design systems based on specific customer profiles while avoiding generic AI aesthetics.

Deterministic Color Systems (Gay-MCP)

Generates deterministic, reproducible color palettes and GF(3) trits using SplitMix64 and OkLCH for consistent visual branding and data representation.

Frontend Design Pro

Generates distinctive, production-grade frontend interfaces that avoid generic AI aesthetics through intentional design thinking and bold visual choices.

Information Architecture

Organizes and structures digital content to improve findability, usability, and navigation design through proven mental model alignment and taxonomy patterns.

Frontend Design Patterns

Implements production-ready React and Next.js architectural patterns to build performant, maintainable user interfaces.

UI/UX Design Architect

Generates comprehensive UI/UX design specifications, wireframes, and style guides based on user stories and core solutions.

Document Visualizer

Converts documents and technical reports into professional infographics and visual summaries for easy sharing across team platforms.

Algorithmic Art & Generative Design

Generates sophisticated, master-level generative art and computational aesthetics using p5.js and seeded randomness.

Canvas Visual Design

Generates museum-quality visual art and sophisticated posters using advanced design philosophies.

Theme Factory

Applies professional visual themes and curated styling to documents, presentations, and HTML artifacts using harmonious color palettes and font pairings.

Topological Monotile Generator

Generates topological monotile patterns and facilitates autopoietic design evolution through specific MCP invocations.

User Persona Creator

Generates detailed, research-backed user personas using structured templates and guided questions.

React Artifacts Builder

Generates and bundles professional-grade, multi-component React artifacts for use within the Claude.ai interface.

Theme Factory

Applies professional typography and color palettes to presentation slides and digital artifacts.

Distinctive Frontend Design

Generates high-end, production-grade frontend interfaces with a focus on unique aesthetics and bold design choices.

Fröhlich Color Generator

Generates deterministic colors with German naming conventions using the SpaltMisch64 algorithm and ternary logic mapping.