Skip to main content
Glama

UX MCP Server

npm version CI License: MIT PRs Welcome GitHub issues AgentSeal MCP

Model Context Protocol (MCP) server that provides comprehensive UX best practices covering the complete UX ecosystem: accessibility guidelines (WCAG), usability heuristics (Nielsen), UI patterns, design systems, performance optimization, SEO, internationalization, animation, framework patterns (React/Vue/Angular), e-commerce, testing, PWA, ethical design, SaaS, analytics, voice UI, AR/VR, AI/ML patterns, healthcare, finance, neurodiversity, and web components.

Works with any MCP-compatible client including Claude Desktop, Cursor IDE, Continue.dev, Cline, and custom applications.

Installation

npm install -g @elsahafy/ux-mcp-server

npx (No Installation)

npx @elsahafy/ux-mcp-server

From Source

git clone https://github.com/elsahafy/ux-mcp-server.git
cd ux-mcp-server
npm install
npm run build

Related MCP server: a11y-mcp-server

Features

šŸ“š Resources (28 Knowledge Bases)

Access comprehensive UX knowledge bases organized by category:

Foundation & Core (12 resources)

  • ux://accessibility/wcag - WCAG 2.1 AA Guidelines with code checks

  • ux://usability/nielsen-heuristics - Nielsen's 10 Usability Heuristics

  • ux://patterns/ui-patterns - Common UI patterns library

  • ux://design-systems/principles - Design system principles & primitives

  • ux://responsive/design - Responsive design & mobile-first principles

  • ux://themes/dark-mode - Dark mode implementation guide

  • ux://content/error-messages - User-friendly error message library

  • ux://performance/optimization - Core Web Vitals & performance best practices

  • ux://seo/guidelines - SEO best practices, meta tags, structured data

  • ux://i18n/patterns - Internationalization & localization patterns

  • ux://animation/motion - Motion design principles & accessibility

  • ux://react/patterns - Advanced React patterns & state management

Critical Features (8 resources)

  • ux://forms/patterns - Comprehensive form design, validation & accessibility

  • ux://microcopy/guidelines - UX writing, button labels, error messages & tone

  • ux://typography/systems - Type scales, font pairing, readability & responsive typography

  • ux://color/theory - Color harmony, WCAG contrast, semantic colors & palettes

  • ux://mobile/patterns - Touch targets, gestures, thumb zones & mobile-first design

  • ux://vue/patterns - Vue 3 Composition API, composables, Pinia & best practices

  • ux://angular/patterns - Angular standalone components, signals, RxJS & DI

  • ux://data/visualization - Chart selection, accessibility, D3.js & dashboard design

Advanced Features (8 resources)

  • ux://ecommerce/patterns - Product pages, checkout, conversion & trust optimization

  • ux://information-architecture/patterns - IA systems, navigation, card sorting & tree testing

  • ux://testing/validation - Usability testing, A/B testing, surveys & analytics

  • ux://pwa/patterns - Service workers, offline-first, app manifest & progressive enhancement

  • ux://ethical-design/patterns - Dark patterns, privacy, GDPR/CCPA & ethical alternatives

  • ux://design-systems/advanced - Semantic tokens, theming, versioning & governance

  • ux://saas/patterns - Onboarding, pricing UX, activation metrics & retention

  • ux://analytics/metrics - UX metrics (HEART, AARRR), SUS, NPS & statistical analysis

Emerging Technologies (8 resources)

  • ux://voice/interface - Voice UI design, conversation patterns, VUI principles

  • ux://ar-vr/interfaces - Spatial UI, comfort, presence, 6DOF & AR anchoring

  • ux://ai-ml/patterns - AI transparency, confidence indicators, recommendations & ethics

  • ux://haptic/feedback - Haptic types, timing patterns & platform APIs

  • ux://healthcare/ux - HIPAA compliance, patient safety, medical UI & telemedicine

  • ux://finance/ux - PCI-DSS, 2FA, transaction flows & fintech patterns

  • ux://neurodiversity/design - ADHD, autism, dyslexia accommodations & cognitive accessibility

  • ux://web-components/patterns - Custom elements, Shadow DOM, Lit, Stencil & encapsulation

šŸ› ļø Tools (23 Dynamic Operations)

Powerful tools for UX analysis and generation:

Core Analysis (11 tools)

  1. analyze_accessibility - Check code for WCAG violations

  2. review_usability - Evaluate against Nielsen's heuristics

  3. suggest_pattern - Find appropriate UI patterns for use cases

  4. generate_component_example - Create accessible HTML/CSS examples

  5. audit_design_system - Review design token structure

  6. check_contrast - Verify WCAG color contrast ratios

  7. check_responsive - Analyze mobile-first and responsive design

  8. suggest_error_message - Get user-friendly error messages

  9. analyze_performance - Check code for performance issues & Core Web Vitals

  10. check_seo - Analyze HTML for SEO best practices

  11. suggest_animation - Recommend animations for UI interactions

Design & Content (5 tools) 12. generate_color_palette - Create accessible color palettes from base colors 13. generate_typography_scale - Generate type scales with modular ratios 14. suggest_microcopy - Get UX writing recommendations for UI elements 15. recommend_form_pattern - Find optimal form layouts and validation patterns 16. suggest_data_visualization - Choose appropriate charts for data types

Testing & Validation (5 tools) 17. generate_accessibility_report - Comprehensive WCAG audit reports 18. suggest_ab_variant - Generate A/B test variant suggestions 19. analyze_information_architecture - Evaluate navigation and IA structure 20. detect_dark_patterns - Identify deceptive UI practices 21. calculate_ux_metrics - Calculate SUS, NPS, CSAT, task success rates

UI Generation (2 tools) 22. generate_wireframe - Create ASCII wireframes for pages/components 23. suggest_microinteraction - Recommend microinteractions with timing/easing

šŸ’¬ Prompts (4 Pre-configured Workflows)

Comprehensive review workflows:

  1. accessibility_review - Full WCAG accessibility audit

  2. usability_audit - Complete Nielsen heuristics evaluation

  3. design_system_setup - Guide for creating design systems

  4. complete_ux_audit - Comprehensive multi-dimensional UX audit (accessibility, usability, performance, responsive design, typography, color, forms, SEO)

Compatibility

This MCP server works with any client that supports the Model Context Protocol:

Client

Status

Configuration

Claude Desktop

āœ… Fully Supported

See below

Claude Code (CLI)

āœ… Fully Supported

See below

Cursor IDE

āœ… Fully Supported

See below

Continue.dev

āœ… Fully Supported

See below

Cline (VS Code)

āœ… Fully Supported

See below

Zed Editor

āœ… Fully Supported

See below

Custom MCP Clients

āœ… Fully Supported

See below

Client Configuration

Claude Desktop

Config file location:

  • macOS: ~/Library/Application Support/Claude/claude_desktop_config.json

  • Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "ux-best-practices": {
      "command": "ux-mcp-server"
    }
  }
}

From source:

{
  "mcpServers": {
    "ux-best-practices": {
      "command": "node",
      "args": ["/absolute/path/to/ux-mcp-server/dist/index.js"]
    }
  }
}

Restart Claude Desktop after configuration.

Claude Code (CLI)

Add via the CLI (recommended):

claude mcp add ux -- npx -y @elsahafy/ux-mcp-server

Or manually in ~/.claude/settings.json:

{
  "mcpServers": {
    "ux": {
      "command": "npx",
      "args": ["-y", "@elsahafy/ux-mcp-server"]
    }
  }
}

Cursor IDE

Add to Cursor's MCP configuration (~/.cursor/mcp.json):

{
  "mcpServers": {
    "ux-best-practices": {
      "command": "ux-mcp-server"
    }
  }
}

Or configure via Cursor Settings → MCP Servers → Add Server.

Continue.dev

Add to Continue configuration (~/.continue/config.json):

{
  "experimental": {
    "modelContextProtocolServers": [
      {
        "transport": {
          "type": "stdio",
          "command": "ux-mcp-server"
        }
      }
    ]
  }
}

Cline (VS Code)

In VS Code with Cline extension, add to MCP settings:

{
  "mcpServers": {
    "ux-best-practices": {
      "command": "ux-mcp-server",
      "args": []
    }
  }
}

Zed Editor

Add to Zed's settings (~/.config/zed/settings.json):

{
  "context_servers": {
    "ux-best-practices": {
      "command": {
        "path": "ux-mcp-server"
      }
    }
  }
}

Custom MCP Clients

For custom applications using the MCP SDK:

import { Client } from "@modelcontextprotocol/sdk/client/index.js";
import { StdioClientTransport } from "@modelcontextprotocol/sdk/client/stdio.js";

const transport = new StdioClientTransport({
  command: "ux-mcp-server",
  args: []
});

const client = new Client({
  name: "my-app",
  version: "1.0.0"
}, {
  capabilities: {}
});

await client.connect(transport);

// List available resources
const resources = await client.listResources();

// Read a resource
const wcag = await client.readResource({ uri: "ux://accessibility/wcag" });

// Call a tool
const result = await client.callTool({
  name: "check_contrast",
  arguments: { foreground: "#333333", background: "#ffffff" }
});

Windows Notes

On Windows, use full paths with escaped backslashes:

{
  "mcpServers": {
    "ux-best-practices": {
      "command": "node",
      "args": ["C:\\Users\\YourName\\ux-mcp-server\\dist\\index.js"]
    }
  }
}

Example Usage

Once configured, you can ask your AI assistant to use these UX tools and resources. Here are some example prompts:

Accessibility Analysis

"Analyze this button for accessibility issues"
→ Uses: analyze_accessibility tool

"Check if #3b82f6 on #ffffff meets WCAG AA contrast requirements"
→ Uses: check_contrast tool

"Generate an accessibility audit report for my login page"
→ Uses: generate_accessibility_report tool

UI Patterns & Design

"I need to display a list of items with filtering - what UI pattern should I use?"
→ Uses: suggest_pattern tool

"Generate an accessible modal dialog example"
→ Uses: generate_component_example tool

"Create a color palette based on #3b82f6"
→ Uses: generate_color_palette tool

"Generate a wireframe for a dashboard page"
→ Uses: generate_wireframe tool

Performance & SEO

"Analyze this React component for performance issues"
→ Uses: analyze_performance tool (checks Core Web Vitals, bundle size, loading patterns)

"Review this HTML page for SEO best practices"
→ Uses: check_seo tool (validates meta tags, Open Graph, structured data)

UX Writing & Forms

"Suggest better microcopy for this error message"
→ Uses: suggest_microcopy tool

"What form pattern should I use for a multi-step checkout?"
→ Uses: recommend_form_pattern tool

Animation & Interaction

"What animation should I use for a button click?"
→ Uses: suggest_animation tool

"Suggest microinteractions for a toggle switch"
→ Uses: suggest_microinteraction tool

Testing & Metrics

"Calculate the SUS score from these survey responses"
→ Uses: calculate_ux_metrics tool

"Suggest A/B test variants for my pricing page"
→ Uses: suggest_ab_variant tool

"Check this page for dark patterns"
→ Uses: detect_dark_patterns tool

Accessing Knowledge Resources

"What are Nielsen's usability heuristics?"
→ Reads: ux://usability/nielsen-heuristics

"Show me WCAG accessibility guidelines"
→ Reads: ux://accessibility/wcag

"What are best practices for e-commerce checkout?"
→ Reads: ux://ecommerce/patterns

"How do I design for neurodiversity?"
→ Reads: ux://neurodiversity/design

Knowledge Base Contents

WCAG Guidelines

  • Perceivable (alt text, contrast, semantic HTML)

  • Operable (keyboard access, focus management)

  • Understandable (error handling, clear labels)

  • Robust (ARIA, assistive technology support)

Nielsen's Heuristics

  1. Visibility of System Status

  2. Match Between System and Real World

  3. User Control and Freedom

  4. Consistency and Standards

  5. Error Prevention

  6. Recognition Rather than Recall

  7. Flexibility and Efficiency of Use

  8. Aesthetic and Minimalist Design

  9. Help Users Recognize, Diagnose, and Recover from Errors

  10. Help and Documentation

UI Patterns

  • Navigation: Headers, breadcrumbs, tabs

  • Forms: Single column, multi-step wizards, validation

  • Feedback: Toasts, modals, loading states

  • Data Display: Tables, cards, empty states

  • Input Components: Search, date pickers, file upload

Design System Principles

  • Atomic Design methodology

  • Design token structure (primitive → semantic → component)

  • Typography scales

  • Spacing systems

  • Color theory

  • Component API design

Performance Optimization

  • Core Web Vitals (LCP, INP, CLS)

  • Image optimization strategies

  • CSS performance

  • JavaScript bundle optimization

  • Lazy loading & code splitting

  • Caching strategies

  • Performance budgets

SEO Best Practices

  • Meta tags (title, description, keywords)

  • Open Graph protocol

  • Twitter Cards

  • Structured data (JSON-LD, Schema.org)

  • Technical SEO (robots.txt, sitemap, canonical)

  • Local SEO & rich snippets

Internationalization (i18n)

  • Text direction (LTR/RTL support)

  • Locale-aware formatting (dates, numbers, currencies)

  • Translation patterns

  • Cultural considerations

  • Font and character set handling

  • URL structures for multilingual sites

Animation & Motion Design

  • Disney's 12 principles of animation

  • Timing and easing functions

  • Motion design principles

  • Performance (GPU acceleration)

  • Accessibility (prefers-reduced-motion)

  • Common UI animation patterns

React Patterns

  • Compound components

  • Custom hooks

  • State management strategies

  • Performance optimization (memoization, code splitting)

  • Error boundaries

  • Accessibility patterns in React

  • Testing best practices

Forms & Microcopy

  • Form layouts (single-column, multi-step wizards)

  • Validation patterns (inline, submit, hybrid)

  • Accessible form fields & error handling

  • UX writing principles (clarity, tone, voice)

  • Button labels & CTAs

  • User-friendly error messages

Typography & Color Systems

  • Type scales with modular ratios (1.2, 1.333, 1.618)

  • Font pairing strategies

  • Readability optimization (line length, spacing)

  • Color harmony (complementary, triadic, analogous)

  • WCAG contrast compliance (4.5:1, 3:1, 7:1)

  • Semantic color tokens

Mobile & Framework Patterns

  • Touch targets (44x44px minimum)

  • Gestures & thumb zones

  • Bottom navigation patterns

  • Vue 3 Composition API & composables

  • Angular signals & standalone components

  • Framework-agnostic best practices

E-commerce & Conversion

  • Product discovery (mega menus, faceted filters)

  • Product detail pages & variant selection

  • Shopping cart patterns (drawer vs page)

  • Checkout optimization (multi-step with progress)

  • Trust signals & abandoned cart recovery

Testing & Analytics

  • Usability testing (moderated/unmoderated/guerrilla)

  • A/B testing methodology & statistical significance

  • UX metrics (SUS, NPS, CSAT, CES)

  • HEART framework & AARRR pirate metrics

  • Accessibility testing (automated & manual)

PWA & Ethical Design

  • Service workers & caching strategies

  • Offline-first patterns

  • Web app manifest & add to home screen

  • Dark pattern detection & ethical alternatives

  • GDPR/CCPA compliance

  • Privacy-first design

SaaS & Advanced Design Systems

  • Onboarding flows & activation metrics

  • Pricing UX (freemium, trial, usage-based)

  • Semantic design tokens (3-tier architecture)

  • Multi-brand theming

  • Component versioning & governance

Emerging Technologies

  • Voice UI conversation design & VUI principles

  • AR/VR spatial interfaces & comfort optimization

  • AI/ML transparency & confidence indicators

  • Haptic feedback timing & platform APIs

  • Healthcare UX (HIPAA, patient safety)

  • Finance UX (PCI-DSS, 2FA, transaction flows)

  • Neurodiversity-inclusive design (ADHD, autism, dyslexia)

  • Web Components (Custom Elements, Shadow DOM, Lit)

Development

# Watch mode during development
npm run watch

# Build for production
npm run build

# Test the server
npm run dev

Framework Agnostic

All examples and guidelines are framework-agnostic, focusing on:

  • Semantic HTML

  • CSS best practices

  • ARIA attributes

  • Accessibility standards

  • Universal UX principles

Works with React, Vue, Svelte, Angular, or vanilla JavaScript.

What's New in v5.0.0

Security Hardening

  • Resolved all AgentSeal security findings (command injection, SSRF, credential exposure)

  • Added maxLength constraints on markup-accepting parameters

  • Explicit MCP capability declarations

Bug Fix

  • Fixed console.error startup message that broke MCP client connections on Windows

CI/CD

  • GitHub Actions pipeline: build matrix (Node 18/20/22), TypeScript strict checking, security audit

  • Branch protection with required status checks

Breaking Changes

Parameter renames for security compliance — see CHANGELOG.md for the full migration guide.

Tool

Old Parameter

New Parameter

analyze_accessibility

code

content

review_usability

code

content

check_responsive

code

content

analyze_performance

code

content

check_seo

url

page_url

generate_accessibility_report

url

page_identifier

detect_dark_patterns

screenshot_url

screenshot_reference

See the full changelog for previous versions.

Contributing

We welcome contributions! Please see our Contributing Guide for details on:

  • Development setup

  • Adding new resources, tools, or prompts

  • Coding standards

  • Pull request process

Quick Start:

  1. Fork the repository

  2. Create a feature branch

  3. Make your changes

  4. Submit a pull request

Security

For security vulnerabilities, please see our Security Policy.

Changelog

See CHANGELOG.md for a detailed history of changes.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Support This Project

If this project helps you build better user experiences, consider supporting its development:

Ko-fi

Your support helps:

  • Maintain and update UX knowledge bases

  • Add new tools and resources

  • Keep documentation current

  • Respond to issues and feature requests

Enterprise users: For priority support, custom integrations, or consulting, contact us.

Credits

  • WCAG 2.1 Guidelines from W3C

  • Nielsen's Usability Heuristics by Jakob Nielsen

  • UI Patterns from established design systems and best practices

  • Design Token concepts from design system community

  • Core Web Vitals from Google Web.dev

  • SEO best practices from Google Search Central

  • Animation principles from Disney and Material Design

  • React, Vue, Angular patterns from framework communities

  • i18n standards from Unicode CLDR and W3C

  • E-commerce patterns from Baymard Institute research

  • Information Architecture from Rosenfeld & Morville

  • PWA standards from W3C and Google

  • Ethical design principles from darkpatterns.org

  • UX metrics from HEART Framework (Google) and industry standards

  • Voice UI design from Amazon Alexa, Google Assistant guidelines

  • AR/VR best practices from Oculus, Meta, and Apple Vision Pro

  • AI/ML ethics from Partnership on AI and industry practices

  • HIPAA compliance from HHS.gov

  • PCI-DSS standards from PCI Security Standards Council

  • Neurodiversity guidelines from ADHD Foundation, National Autistic Society, British Dyslexia Association

  • Web Components standards from W3C and web.dev


Built for AI-assisted development with complete UX ecosystem coverage: accessibility, usability, performance, SEO, design systems, e-commerce, testing, ethical design, emerging technologies (Voice/AR/VR/AI), healthcare, finance, neurodiversity, and more—all as first-class citizens.

Available Tools

23 tools
analyze_accessibilityB

Analyze HTML/JSX code for accessibility issues based on WCAG guidelines. Returns specific violations and suggestions.

ParametersJSON Schema
NameRequiredDescriptionDefault
contentYesHTML or JSX markup to analyze for accessibility issues
levelNoWCAG conformance level to check againstAA

TDQS

B3.3/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations provided, so description carries full burden. Only states 'returns specific violations and suggestions,' which is minimal. Does not disclose side effects, performance, or other traits beyond basic read-like behavior.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

Two sentences, no fluff, front-loaded with tool purpose. Every sentence adds value without redundancy.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness3/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

No output schema, yet description only vaguely mentions 'returns specific violations and suggestions.' Missing details about scope of violations, format, or examples. Adequate for simple tool but incomplete for rich understanding.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100% with descriptions for both parameters. The description adds no extra meaning beyond the schema (e.g., 'HTML or JSX markup' and 'WCAG conformance level' are already in schema). Baseline score of 3 for adequate but not enhanced semantics.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

Clearly states verb ('analyze'), resource ('HTML/JSX code'), and purpose ('accessibility issues based on WCAG guidelines'). Distinguishes from siblings like check_contrast or generate_accessibility_report by focusing on broad analysis rather than specific aspects.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

No explicit guidance on when to use this tool versus siblings (e.g., check_contrast for specific checks, generate_accessibility_report for output). The purpose is implied but not contextualized.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

analyze_data_vizA

Review data visualization for accessibility and clarity. Checks chart type appropriateness, color usage, labels, and accessibility.

ParametersJSON Schema
NameRequiredDescriptionDefault
chart_typeYesType of chart/visualization (e.g., 'bar chart', 'line chart', 'pie chart', 'scatter plot')
data_descriptionYesDescription of the data being visualized
purposeNoPurpose of the visualization (e.g., 'comparison', 'trend', 'composition', 'distribution')

TDQS

A3.6/5.0
Behavior3/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations are provided, so the description must convey behavioral traits. It states the tool checks chart type appropriateness, color usage, labels, and accessibility, implying a read-only analysis without side effects. However, it does not disclose potential requirements (e.g., file format, permissions) or details about the analysis outcome, leaving some ambiguity.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is a single sentence that efficiently communicates the tool's purpose and scope without any extraneous information. Every phrase ('Review data visualization for accessibility and clarity', 'Checks chart type appropriateness, color usage, labels, and accessibility') serves a clear purpose.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

For a straightforward analysis tool with three parameters and no output schema, the description adequately covers the tool's function and scope. However, it omits information about return values or confirmation of completion, which would enhance completeness. Overall, it is sufficient for the given complexity.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

The input schema already covers all three parameters with descriptions, achieving 100% coverage. The description adds no additional meaning beyond what the schema provides, such as formatting constraints or example values, resulting in minimal added value.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description uses a specific verb ('Review') and a clear resource ('data visualization'), and explicitly lists the aspects checked (chart type, color, labels, accessibility). It clearly distinguishes itself from sibling tools like 'check_contrast' or 'generate_accessibility_report' by focusing on the visualization as a whole.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description lacks explicit guidance on when to use this tool versus alternatives such as 'analyze_accessibility' or 'review_usability'. It does not provide context for when not to use it or prerequisites, leaving the agent to infer usage solely from the vague scope.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

analyze_information_architectureA

Analyze and suggest improvements to information architecture. Reviews navigation, labeling, hierarchy, and content organization.

ParametersJSON Schema
NameRequiredDescriptionDefault
site_structureYesDescription or sitemap of current structure
user_goalsYesPrimary user goals and tasks
issuesNoKnown issues or pain points (optional)

TDQS

A3.9/5.0
Behavior3/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

The description indicates an analysis/suggestion behavior but does not explicitly state it is read-only or disclose any side effects, auth requirements, or rate limits. Since no annotations are provided, the description bears the full burden, but it adds some context beyond the schema.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

Two concise sentences that front-load the purpose and scope. No redundant or filler content. Every word adds value.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness3/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

The description covers the input parameters adequately but does not describe the output format or return value (no output schema). For an analysis tool, the agent would benefit from knowing what the suggestions look like (e.g., list, report). Also, the format of 'site_structure' is not clarified.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters4/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema descriptions cover all parameters (100% coverage), so baseline is 3. The description enhances meaning by explaining what the tool reviews (navigation, labeling, etc.), which contextualizes how the parameters are used beyond their names and basic descriptions.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the tool's purpose: to analyze and suggest improvements to information architecture, specifically reviewing navigation, labeling, hierarchy, and content organization. This distinguishes it from sibling tools that focus on other analysis areas like accessibility or performance.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines3/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description implies the tool is for IA analysis but lacks explicit guidance on when to use it vs. alternatives. While siblings cover different domains, no when-not-to-use or comparative context is provided, leaving the agent to infer.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

analyze_performanceA

Analyze code for performance issues and Core Web Vitals optimization. Checks resource loading, image optimization, and rendering performance.

ParametersJSON Schema
NameRequiredDescriptionDefault
contentYesHTML/CSS/JS markup to analyze for performance issues
check_typeNoSpecific performance aspect to checkall

TDQS

A3.6/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations provided, so description carries full burden. Only mentions what it checks (loading, images, rendering) but does not disclose behavioral traits like computational cost, side effects, or required permissions. Minimal disclosure for a tool that likely performs static analysis.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

Two sentences with no redundancy. Purpose is front-loaded, and content is compact and clear.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given no output schema and simple parameters, description is mostly complete. Mentions three performance areas but could clarify output format (e.g., list of issues). Still sufficient for agent to understand scope.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Input schema has 100% coverage with descriptions for both parameters. Description adds marginal value by listing check aspects, but schema already enumerates check_type options. Does not fully compensate for missing output schema details.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

Clearly states it analyzes code for performance issues and Core Web Vitals optimization, specifying areas like resource loading, image optimization, and rendering. Distinguishes from sibling tools like analyze_accessibility which focus on other aspects.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines3/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

Implies use for performance analysis but does not explicitly state when to use it versus alternatives, nor provides exclusions or prerequisites. For example, no guidance on when to use analyze_performance vs check_seo or other performance-related siblings.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

audit_design_systemB

Audit design system implementation for consistency with best practices. Checks tokens, naming, and structure.

ParametersJSON Schema
NameRequiredDescriptionDefault
tokensYesJSON or CSS of design tokens to audit
typeNoType of tokens to auditall

TDQS

B3.3/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations are provided, so the description must fully disclose behavior. It states the tool checks tokens, naming, and structure, but fails to mention whether it modifies anything, required permissions, rate limits, or the nature of the output. This is a significant gap for a review tool.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is a single 12-word sentence that is efficient and free of fluff. It could be slightly expanded to include usage guidance, but it is not overly verbose.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness2/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

With 2 parameters, no output schema, and no annotations, the description is too brief. It does not explain the output format, behavioral side effects, or how to interpret results, leaving the agent underinformed.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100%, so baseline is 3. The description adds 'Checks tokens, naming, and structure' but does not clarify what 'audit' means or what the output will be. It adds minimal value beyond the schema definitions.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states it audits design system implementation for consistency, checking tokens, naming, and structure. This directly explains the tool's function and distinguishes it from sibling tools like analyze_accessibility or check_contrast.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines3/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description implies usage when auditing design system tokens but provides no explicit guidance on when to use this tool versus alternatives like analyze_accessibility or generate_component_example. No when-not or exclusions are mentioned.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

calculate_ux_metricsB

Calculate key UX metrics and benchmarks. Computes SUS score, NPS, task success rate, and provides interpretation.

ParametersJSON Schema
NameRequiredDescriptionDefault
metric_typeYesType of UX metric to calculate
dataYesRaw data (e.g., 'SUS responses: 4,2,5,4,3,2,5,4,4,3' or 'NPS scores: 9,8,10,7,6,9,10')

TDQS

B3.2/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

With no annotations provided, the description carries full burden but only states it calculates and provides interpretation. It does not disclose whether it is read-only, any side effects, or how the output is structured. The lack of detail on behavior (e.g., data mutability, required permissions) reduces transparency.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is extremely concise: two sentences, no filler. It front-loads the primary action and lists key metrics efficiently. Every word adds value.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness2/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given no output schema, the description should clarify what the tool returns (e.g., score values, benchmarks, interpretation text). It only vaguely says 'provides interpretation' without specifics. The data parameter format is hinted at in the schema description but not reiterated here. Completeness is insufficient for a tool with two required parameters.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100%, so the schema already describes both parameters. The description mentions metric types but does not add additional meaning beyond the schema's enum and descriptive property descriptions. Baseline score of 3 is appropriate.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the tool calculates UX metrics and benchmarks, listing specific examples (SUS, NPS, task success rate). The verb 'Calculate' and resource 'UX metrics' are precise. It differentiates from sibling tools which focus on design analysis and accessibility, not metric computation.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

No guidance on when to use this tool versus alternatives or when not to use it. It only states what it does, leaving the agent to infer usage context. No exclusions or alternative tools are mentioned.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

check_contrastA

Check color contrast ratio for WCAG compliance. Supports hex, rgb, and named colors.

ParametersJSON Schema
NameRequiredDescriptionDefault
foregroundYesForeground color (text)
backgroundYesBackground color
levelNoWCAG level to checkAA
large_textNoIs the text large (18pt+ or 14pt+ bold)?

TDQS

A3.5/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations provided, so description must disclose all behavioral traits. It mentions supported color formats and WCAG levels but fails to specify output (ratio/pass-fail), alpha channel handling, or limitations.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

Two sentences, concise and to the point. Could benefit from a bit more structure (e.g., listing output format) but no filler.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness2/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

With 4 parameters, no output schema, and no annotations, the description is incomplete. It lacks explanation of what the tool returns, how to interpret results, or edge cases (e.g., invalid colors).

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters4/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100%, so baseline 3. Description adds context by mentioning supported color formats (hex, rgb, named), going beyond the schema's 'string' type. However, it does not elaborate on the distinction between foreground and background.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

Description clearly states it checks color contrast ratio for WCAG compliance, and specifies supported color formats. This sets it apart from broader accessibility tools like analyze_accessibility.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines3/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description implies use for contrast checking but does not explicitly guide when to use this tool over siblings like analyze_accessibility or generate_accessibility_report.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

check_responsiveB

Analyze code for mobile-first principles and responsive design issues. Checks viewport meta, touch targets, and breakpoints.

ParametersJSON Schema
NameRequiredDescriptionDefault
contentYesHTML/CSS markup to analyze for responsive design issues
check_typeNoSpecific responsive aspect to checkall

TDQS

B3.4/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations are provided, and the description does not disclose behavioral traits such as read-only nature, authentication requirements, or rate limits. For an analysis tool, it would be helpful to indicate it is non-destructive.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is concise, consisting of two clear sentences. It is front-loaded with the main action and then specifies details. No unnecessary words.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness3/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given 2 parameters with full schema coverage and no output schema, the description adequately explains the tool's purpose and scope. However, it lacks usage context and behavioral details, which would enhance completeness.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema description coverage is 100%, so the schema already documents both parameters. The description lists some check types (viewport, touch targets, breakpoints) which adds context, but does not provide significant new meaning beyond the schema.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the tool analyzes code for mobile-first principles and responsive design issues, listing specific aspects like viewport meta, touch targets, and breakpoints. This distinguishes it from sibling tools such as analyze_accessibility or analyze_performance.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines3/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description does not include explicit guidance on when to use this tool versus alternatives. It implies use for responsive design checks but lacks context for exclusion or comparison with sibling tools.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

check_seoA

Analyze HTML for SEO best practices. Checks meta tags, Open Graph, structured data, and technical SEO elements.

ParametersJSON Schema
NameRequiredDescriptionDefault
htmlYesHTML code to analyze
page_urlNoOptional: Page URL label for report context (not fetched)

TDQS

A3.6/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations are provided, so the description must fully disclose behavioral traits. It does not mention that the tool performs static analysis only, does not fetch the page_url, or indicate return format or error handling. This is insufficient for a tool with no annotation support.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is two short sentences: a purpose statement followed by a list of checked elements. It is front-loaded, concise, and contains no filler.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

For a simple static analysis tool with no output schema, the description conveys the essential purpose and scope. It lacks details about the output format but is largely complete given the tool's complexity.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100%, so the schema already describes both parameters. The description adds broad context about what is analyzed but does not enhance parameter-specific semantics beyond the schema, meeting the baseline.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states it analyzes HTML for SEO best practices and lists specific elements checked (meta tags, Open Graph, structured data, technical SEO). This verb+resource+scope is specific and distinguishes it from sibling tools like analyze_accessibility or analyze_performance.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines3/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description implies usage for SEO analysis but does not explicitly state when to use versus alternatives or provide exclusions. It lacks explicit guidance on context, making it only adequate.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

detect_dark_patternsA

Detect dark patterns and ethical design violations. Identifies manipulative UI practices and suggests ethical alternatives.

ParametersJSON Schema
NameRequiredDescriptionDefault
flow_descriptionYesDescription of user flow or interface (e.g., 'subscription cancellation', 'cookie consent', 'checkout')
screenshot_referenceNoScreenshot filename or reference label (optional, not fetched)

TDQS

A3.6/5.0
Behavior3/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

With no annotations, the description carries the full burden of behavioral disclosure. It indicates detection and suggestion of alternatives but does not detail any side effects, required permissions, rate limits, or limitations of the analysis.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is concise at two sentences, covering the core purpose without extraneous detail. However, it could be slightly more structured with additional context about usage.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness3/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given the low parameter count and no output schema, the description adequately explains the tool's function but lacks usage guidelines and behavioral transparency, which are important for a detection tool.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema description coverage is 100%, and both parameters have clear descriptions. The tool description adds value by noting that the tool 'suggests ethical alternatives,' which is not in the schema, but does not elaborate on parameter usage beyond the schema.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the tool's purpose: 'Detect dark patterns and ethical design violations. Identifies manipulative UI practices and suggests ethical alternatives.' This is a specific verb-resource combination that distinguishes it from all sibling tools, which focus on accessibility, visualization, performance, etc.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines3/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description implies use when analyzing interfaces for dark patterns but provides no explicit guidance on when to use this tool versus alternatives, nor does it mention prerequisites or exclusions.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

generate_accessibility_reportC

Generate comprehensive accessibility audit report. Checks WCAG compliance, keyboard navigation, screen reader compatibility, and semantic HTML.

ParametersJSON Schema
NameRequiredDescriptionDefault
page_identifierYesPage name, route, or identifier for the audit report (not fetched)
wcag_levelNoWCAG compliance level to check againstAA

TDQS

C2.9/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations are provided, so the description carries full burden. It describes what the tool checks but omits important details: it does not clarify that the page is not fetched (contradicting schema hint 'not fetched'), it does not state whether the tool requires network access, or mention any destructive or state-changing behavior. The word 'generate' implies creation but without side-effect clarity.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is two sentences, front-loaded with the main purpose, and every word adds value. No fluff or repetition.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness2/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given no output schema and no annotations, the description is insufficient. It does not explain what the report output looks like (format, sections), nor any behavioral details such as whether it fetches external resources or requires special permissions. The schema hint about page_identifier being 'not fetched' is not reinforced in the description.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100%, so each parameter already has a description (page_identifier noted as 'not fetched', wcag_level with enum and default). The tool description adds no additional parameter semantics beyond the schema, so baseline score of 3 applies.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the tool generates an accessibility audit report and lists specific checks (WCAG, keyboard navigation, etc.). It is a specific verb+resource combination, but does not explicitly differentiate from sibling tool 'analyze_accessibility', which may overlap.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

No guidance is provided on when to use this tool versus alternatives like 'analyze_accessibility'. The description does not mention prerequisites, exclusions, or context for optimal use.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

generate_color_paletteA

Generate accessible color palette from a base color. Returns primary, secondary, neutral, and semantic colors with WCAG-compliant variations.

ParametersJSON Schema
NameRequiredDescriptionDefault
base_colorYesBase color (hex, rgb, or color name)
harmony_typeNoColor harmony type to generateanalogous
include_neutralsNoInclude grayscale neutrals

TDQS

A3.6/5.0
Behavior3/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

The description implies a pure generation function without side effects, but with no annotations, it could add more detail on safety, idempotency, or output format. It is adequate but not explicit about behavior beyond return values.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is two sentences, no unnecessary words, and is front-loaded with the main purpose. Every sentence adds value.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given the tool has 3 parameters all described, and no output schema, the description covers the main output types and compliance. It is nearly complete, though could specify that output is in hex format.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100%, and the description adds no new meaning beyond what is in the schema. The parameters are fully described in the schema, so the description provides no additional value for parameter understanding.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the verb 'Generate' and the resource 'accessible color palette from a base color', specifying output categories (primary, secondary, neutral, semantic) with WCAG compliance. This distinguishes it from sibling tools like analyze_accessibility or check_contrast.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

No guidance is given on when to use this tool versus alternatives. For example, it doesn't mention that for checking contrast ratios, the user should use check_contrast instead.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

generate_component_exampleB

Generate framework-agnostic HTML/CSS example following UX best practices for a specific pattern.

ParametersJSON Schema
NameRequiredDescriptionDefault
patternYesPattern name (e.g., 'search', 'modal', 'form', 'button', 'data-table')
variantNoOptional: Specific variant (e.g., 'primary', 'ghost', 'inline')
include_accessibilityNoInclude ARIA attributes and accessibility features

TDQS

B3.4/5.0
Behavior3/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

The description discloses that the output is HTML/CSS, framework-agnostic, and follows UX best practices. Without annotations, this provides minimal behavioral insight but lacks details on side effects or constraints.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

Single sentence, concise, front-loads the core action. No unnecessary words.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

For a tool with 3 simple parameters and no output schema, the description adequately covers the purpose and output nature. Could mention if example is returned as code or live preview.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100%, and the description adds no new meaning to parameters beyond their schema descriptions. Baseline score of 3 is appropriate.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the tool generates a 'framework-agnostic HTML/CSS example' for a 'specific pattern', which is a distinct purpose among siblings. However, it doesn't explicitly differentiate from tools like 'suggest_pattern' or 'generate_wireframe'.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

No guidance on when to use this tool versus alternatives. The description implies use for generating examples, but doesn't specify contexts or exclusions.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

generate_typography_scaleA

Calculate modular typography scale with recommended sizes for headings and body text. Returns complete type scale with line heights.

ParametersJSON Schema
NameRequiredDescriptionDefault
base_sizeNoBase font size in pixels (typically 16)
scale_ratioNoScale ratio (e.g., 1.2 for minor third, 1.5 for perfect fifth)
stepsNoNumber of steps to generate (up and down from base)

TDQS

A3.5/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations are provided, so the description carries full burden for behavioral disclosure. It describes a calculation that returns data, implying no side effects, but does not explicitly state safety, idempotency, or whether it modifies any state. This is a significant gap for a tool with no annotation coverage.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is a single concise sentence that covers the tool's purpose and output. While effective, it could be slightly more structured (e.g., separating purpose from output details). No wasted words.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given the tool's low complexity (3 optional parameters, no nested objects, no output schema), the description adequately conveys what the tool does and returns. It mentions the output includes line heights, which adds value beyond just the scale sizes.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema description coverage is 100% and all parameters are well-described with defaults. The description adds context about output (recommended sizes and line heights) but does not enhance parameter meaning beyond the schema. Baseline 3 is appropriate.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the verb 'calculate' and the resource 'modular typography scale' with specific outcomes: recommended sizes for headings and body text, and complete type scale with line heights. It distinguishes from sibling tools like generate_color_palette or generate_wireframe which focus on different design aspects.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines3/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description implies usage for generating typography scales but does not explicitly state when to use this tool versus alternatives like analyze_accessibility or suggest_microcopy. No exclusions or prerequisites are mentioned, so guidance is implicit.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

generate_wireframeB

Generate ASCII wireframe mockup for a page or component. Creates low-fidelity layout sketch using text characters.

ParametersJSON Schema
NameRequiredDescriptionDefault
page_typeYesType of page/component (e.g., 'login page', 'dashboard', 'product card', 'navigation header')
elementsNoKey elements to include (e.g., 'logo, search bar, user menu, main content area')
layoutNoOverall layout structuresingle-column

TDQS

B3.3/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

With no annotations provided, the description fully bears responsibility for behavioral disclosure, but it only mentions the output is 'low-fidelity layout sketch using text characters'. It does not describe limitations, performance characteristics, or any side effects.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

Description is two sentences long, front-loading purpose. Every sentence adds value without redundancy, earning high conciseness.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness3/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given 3 parameters, 1 required, and no output schema or annotations, the description covers the core function but omits usage scenarios, output format details, and behavioral nuances. It is adequate but not thorough.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema description coverage is 100%, so schema provides adequate meaning. The description adds no additional semantic nuance beyond confirming the tool handles pages and components, hence achieving baseline score.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

Description clearly states verb 'generate', resource 'ASCII wireframe mockup', and defines it as 'low-fidelity layout sketch using text characters'. It uniquely identifies the tool among siblings, none of which generate wireframes.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

No explicit guidance on when to use this tool vs alternatives, such as generate_component_example or other layout tools. The description implies use for early-stage sketching but lacks when-not-to-use or alternative suggestions.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

review_usabilityB

Review a UI description or code against Nielsen's usability heuristics. Provides ratings and specific recommendations.

ParametersJSON Schema
NameRequiredDescriptionDefault
descriptionYesDescription of the UI or component to review
contentNoOptional: UI markup or implementation to review
focus_heuristicsNoOptional: Specific heuristics to focus on (1-10)

TDQS

B3.3/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations are provided, and the description does not disclose any behavioral traits, side effects, or requirements (e.g., input length limits, processing time, or output reliability). The agent cannot infer safety or constraints beyond basic functionality.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is concise at two sentences, front-loading the core purpose and output. No extraneous information.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness3/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given no output schema, the description partially compensates by stating it provides 'ratings and specific recommendations.' However, it omits details on output format, examples, or behavioral constraints, leaving the agent without full context for reliable invocation.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

All three parameters have schema descriptions (100% coverage), so the baseline is 3. The description adds no additional meaning beyond what the schema already provides, such as constraints or usage tips for the parameters.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

Description uses a specific verb ('review') and identifies the resource ('UI description or code against Nielsen's usability heuristics'), clearly stating it provides ratings and recommendations. This distinguishes it from sibling tools that focus on other aspects like accessibility or performance.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

No indication of when to use this tool versus alternatives such as analyze_accessibility or detect_dark_patterns. The description lacks any guidance on context, prerequisites, or exclusions.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

suggest_ab_variantC

Suggest A/B test variants for optimization. Provides hypothesis, variant designs, and metrics to track.

ParametersJSON Schema
NameRequiredDescriptionDefault
elementYesElement to test (e.g., 'CTA button', 'headline', 'pricing page', 'checkout flow')
goalYesDesired outcome (e.g., 'increase conversions', 'reduce bounce', 'improve engagement')
current_performanceNoCurrent metric (e.g., '2% conversion rate', '60% bounce rate')

TDQS

C2.9/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations provided, so description carries full burden. Does not disclose behavioral traits like whether it generates new content, requires user data, or if results are deterministic. Only states it 'provides' outputs without elaboration.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

Two sentences, efficient and no unnecessary words. Front-loaded with purpose, then output summary. Good structure.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness3/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given 3 parameters and no output schema, description hints at output type but misses details like optionality of current_performance, number of variants, or format. Adequate but not complete for a suggestion tool.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100%, baseline is 3. Description adds 'provides hypothesis, variant designs, and metrics to track' which gives context to the output but doesn't elaborate on parameter roles beyond schema descriptions. Minimal added value.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

Description clearly states it suggests A/B test variants with hypothesis, designs, and metrics. The verb 'suggest' and resource 'ab_variant' are specific. Does not explicitly differentiate from siblings, but sibling tools are mostly analysis/checking, so it stands out.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

No guidance on when to use this tool vs alternatives. No mention of prerequisites or when not to use it. The description implies A/B testing ideation but lacks explicit usage instructions.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

suggest_animationA

Suggest appropriate animation for a UI interaction. Returns animation type, duration, easing, and implementation guidance.

ParametersJSON Schema
NameRequiredDescriptionDefault
interactionYesUI interaction to animate (e.g., 'button click', 'modal open', 'list item add', 'page transition')
contextNoOptional: Additional context about the interaction

TDQS

A3.8/5.0
Behavior4/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

With no annotations, the description carries full burden. It discloses the tool returns animation type, duration, easing, and guidance. For a non-destructive suggestion tool, this is transparent enough, though it could mention if suggestions are based on heuristics or external data.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is a single sentence that efficiently states the action and outputs. No unnecessary words, well front-loaded.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given only 2 parameters, no output schema, and no annotations, the description adequately covers the tool's function and output. It could be improved by noting the basis of suggestions (e.g., best practices), but is sufficient for its simplicity.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema description coverage is 100%, so the baseline is 3. The description adds minimal value beyond the schema: it restates 'interaction' as 'UI interaction to animate' but doesn't clarify the 'context' parameter beyond schema.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the tool's purpose: suggesting animation properties for a UI interaction, including specific outputs (type, duration, easing, guidance). While it doesn't explicitly differentiate from sibling tools like suggest_microinteraction, the verb 'suggest' and focus on animation distinguish it adequately.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines3/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description implies usage for UI animation needs but provides no explicit when-to-use or when-not-to-use guidance. No alternatives are mentioned, leaving the agent to infer context without clear direction.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

suggest_error_messageA

Get user-friendly error message suggestions for specific scenarios. Returns message, tone guidance, and accessibility considerations.

ParametersJSON Schema
NameRequiredDescriptionDefault
scenarioYesError scenario (e.g., 'invalid email', 'required field', 'payment failed', 'file too large')
contextNoOptional: Additional context about the error
technical_messageNoOptional: Technical error message to translate to user-friendly language

TDQS

A3.6/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations provided; description only lists outputs (message, tone, accessibility) but omits any behavioral traits like read-only nature, required permissions, or response format. Insufficient for a tool with no annotation support.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

Two concise sentences: first states purpose, second lists outputs. No redundancy or filler.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Covers purpose and outputs adequately for a simple suggestion tool with no output schema. Could mention output structure but not critical.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema covers all parameters with descriptions; description adds no extra meaning beyond listing return types. Baseline 3 from high schema coverage.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

Clearly states it returns error message suggestions including tone and accessibility. Distinct from sibling suggestion tools like suggest_microcopy which covers broader microcopy.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines3/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

Describes usage as 'for specific scenarios' but does not explicitly differentiate from alternatives like suggest_microcopy or provide when-not-to-use guidance.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

suggest_form_patternB

Recommend optimal form layout and validation pattern. Returns layout recommendations, field types, and validation strategies.

ParametersJSON Schema
NameRequiredDescriptionDefault
form_typeYesType of form (e.g., 'login', 'registration', 'checkout', 'contact', 'search')
field_countNoApproximate number of fields
platformNoTarget platformboth

TDQS

B3.1/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

With no annotations, the description carries full burden for behavioral disclosure. It does not mention whether the tool is read-only, requires authentication, or any side effects. The description only states it returns recommendations without further behavioral context.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness4/5

Is the description appropriately sized, front-loaded, and free of redundancy?

The description is concise, consisting of two sentences that clearly state purpose and output. There is no unnecessary fluff, though additional structure could improve readability.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness2/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

The tool has 3 parameters (1 required) and no output schema. The description mentions return of recommendations but does not explain the format or structure of the output. It lacks information on error handling, platform-specific behavior, or integration with other tools.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100% with descriptive parameter descriptions. The description adds no additional semantic value beyond the schema, explaining the parameters in a generic way. Baseline 3 is appropriate.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states the tool recommends optimal form layout and validation patterns, specifying it returns layout recommendations, field types, and validation strategies. This distinguishes it from sibling tools like 'suggest_pattern' or 'suggest_animation' which focus on different aspects.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

No guidance is provided on when to use this tool versus alternatives such as 'suggest_pattern' or other UX analysis tools. There is no explicit 'when to use' or 'when not to use' context.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

suggest_microcopyA

Suggest user-friendly microcopy for UI elements. Returns context-aware suggestions for buttons, labels, messages, and help text.

ParametersJSON Schema
NameRequiredDescriptionDefault
element_typeYesType of UI element needing copy
contextYesContext of the element (e.g., 'login button', 'email field', 'payment success')
toneNoDesired tone of voicefriendly

TDQS

A4/5.0
Behavior3/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations are provided, so the description carries the full burden. It states the tool suggests microcopy and returns context-aware suggestions but does not disclose any constraints, side effects, or changes to state. As a generative suggestion tool, this is minimally adequate.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

Two concise sentences with no redundant words. The first sentence states the core purpose, the second adds output types. Perfectly front-loaded for AI consumption.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

For a tool with 3 simple parameters and no output schema, the description covers the essential behavioral aspects. It could mention that suggestions are returned as text strings, but the generative nature makes format less critical. Adequate for the complexity.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100%, so the schema already documents all 3 parameters. The description adds only the phrase 'context-aware', reinforcing the role of the context parameter. This adds marginal value beyond the schema.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description explicitly states the tool's function: suggesting user-friendly microcopy for UI elements. It names specific outputs (buttons, labels, messages, help text). This clearly distinguishes it from sibling tools like suggest_error_message or suggest_form_pattern.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines4/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

The description implies usage: when you need microcopy for UI elements. It does not explicitly state when not to use it or compare to siblings, but the purpose is clear enough that an AI agent would correctly infer applicability.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

suggest_microinteractionB

Suggest microinteractions for UI elements. Provides animation, feedback, and transition recommendations.

ParametersJSON Schema
NameRequiredDescriptionDefault
elementYesUI element (e.g., 'button', 'toggle switch', 'like button', 'form submission', 'loading')
contextNoContext of interaction (e.g., 'delete action', 'successful save', 'error state')
platformNoTarget platformweb

TDQS

B3.2/5.0
Behavior2/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations are provided, so the description must fully convey behavioral traits. It only states it provides 'recommendations' without detailing whether they are generative, template-based, or what the output format is. The agent gets insufficient insight into tool behavior.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

Two sentences are front-loaded with purpose and content. No redundancy or unnecessary information.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness2/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given the lack of output schema and annotations, the description should provide more detail about what the tool returns (e.g., multiple options, confidence levels) and any limitations. It feels incomplete for an AI to use effectively.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100% with clear descriptions for all three parameters. The description adds general context about the type of recommendations but does not enhance parameter understanding beyond the schema. Baseline 3 is appropriate.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose5/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description uses a specific verb ('suggest') and resource ('microinteractions') and adds 'animation, feedback, and transition recommendations', which clearly defines the tool's scope and distinguishes it from siblings like suggest_animation and suggest_microcopy.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

No guidance on when to use this tool versus alternatives such as suggest_animation or suggest_form_pattern. There is no mention of prerequisites, context, or when not to use it.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

suggest_patternB

Suggest appropriate UI pattern for a given use case. Returns pattern details, best practices, and implementation guidance.

ParametersJSON Schema
NameRequiredDescriptionDefault
use_caseYesDescription of what you're trying to build (e.g., 'user navigation', 'form validation', 'data display')
constraintsNoOptional: Specific constraints or requirements

TDQS

B3.4/5.0
Behavior3/5

Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?

No annotations are provided, so the description carries full burden. It discloses that the tool returns pattern details and guidance, but doesn't mention any behavioral traits like read-only or permission needs. It's adequate but not rich.

Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.

Conciseness5/5

Is the description appropriately sized, front-loaded, and free of redundancy?

Two sentences, front-loaded with the purpose, no wasted words. Every sentence adds value.

Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.

Completeness4/5

Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?

Given no output schema, the description mentions return types (pattern details, best practices, guidance). It doesn't guide selection among siblings, but for a broad tool this is acceptable.

Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.

Parameters3/5

Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?

Schema coverage is 100%, so the baseline is 3. The description aligns with the use_case parameter but adds no extra meaning beyond what the schema descriptions already provide.

Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.

Purpose4/5

Does the description clearly state what the tool does and how it differs from similar tools?

The description clearly states it suggests UI patterns for a use case and returns details, best practices, and guidance. However, it doesn't differentiate from siblings like suggest_form_pattern or suggest_animation, which could be more specific alternatives.

Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.

Usage Guidelines2/5

Does the description explain when to use this tool, when not to, or what alternatives exist?

No guidance on when to use this tool vs. more specific siblings (e.g., suggest_error_message, suggest_form_pattern). The agent is left to infer based on name alone.

Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.

Tool Schema Changelog

Recent tool additions, removals, and schema changes observed during successful MCP inspections. Dates show when Glama detected each change.

  1. 23 tool updatesv5.0.0
    • First observedanalyze_accessibility
    • First observedanalyze_data_viz
    • First observedanalyze_information_architecture
    • First observedanalyze_performance
    • First observedaudit_design_system
    • First observedcalculate_ux_metrics
    • First observedcheck_contrast
    • First observedcheck_responsive
    • First observedcheck_seo
    • First observeddetect_dark_patterns
    • First observedgenerate_accessibility_report
    • First observedgenerate_color_palette
    • First observedgenerate_component_example
    • First observedgenerate_typography_scale
    • First observedgenerate_wireframe
    • First observedreview_usability
    • First observedsuggest_ab_variant
    • First observedsuggest_animation
    • First observedsuggest_error_message
    • First observedsuggest_form_pattern
    • First observedsuggest_microcopy
    • First observedsuggest_microinteraction
    • First observedsuggest_pattern

TDQS

B3.3/5.0
Disambiguation4/5

Most tools have clearly distinct purposes, but the 'suggest_' group (animation, microinteraction, error_message, microcopy, form_pattern, pattern) could cause confusion despite differing descriptions. The check tools (contrast, responsive, seo) are well-differentiated.

Naming Consistency3/5

Naming uses multiple prefixes (analyze_, generate_, check_, suggest_, detect_, review_, calculate_, audit_) which provides some structure but lacks a single, consistent pattern. Tools are grouped by verb type, but mixing conventions (e.g., analyze vs. check vs. suggest) reduces predictability.

Tool Count3/5

With 23 tools, the count is above the typical 3-15 range but not excessive (below 25). The broad scope of UX analysis, generation, and checking justifies the number, though some tools could be merged (e.g., multiple suggestion tools).

Completeness4/5

The server covers a wide range of UX needs: accessibility, SEO, performance, responsive design, color, typography, wireframing, usability, patterns, microcopy, A/B testing, and dark patterns. Missing areas like user research or prototyping are minor gaps for the stated purpose.

Maintenance

ActivityInactive
ResponsivenessSyncing

Resources

Unclaimed servers have limited discoverability.

Looking for Admin?

If you are the server author, to access and configure the admin panel.

Related MCP Connectors

Related MCP Servers

  • A
    license
    Not graded
    quality
    C
    maintenance
    An MCP server for accessibility auditing that provides WCAG 2.2 criteria lookup, HTML remediation guidance, and automated documentation generation for UI components. It enables users to analyze code snippets for issues and generate professional accessibility audit reports.
    233
    MIT
  • A
    license
    Not graded
    quality
    A
    maintenance
    An MCP server that measures how faithfully one UI reproduces another, returning a score and actionable findings for improvement.
    1
    MIT
  • F
    license
    A
    quality
    D
    maintenance
    An MCP server that audits websites for accessibility (WCAG 2.1 AA/EAA), performance, SEO, design quality, and mobile responsiveness, providing actionable scores, grades, and prioritized fixes.
    6
    -

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/elsahafy/ux-mcp-server'

If you have feedback or need assistance with the MCP directory API, please join our Discord server