UX MCP Server
Provides UX best practices, patterns, and analysis tools for Angular applications, including component examples and accessibility checks.
Provides UX best practices and patterns for Lit-based web components, including Shadow DOM, encapsulation, and custom elements.
Provides UX best practices and patterns for Progressive Web Apps, including service workers, offline-first design, and app manifest guidelines.
Provides UX best practices, patterns, and analysis tools for React applications, including component examples and performance optimization.
Provides UX best practices and patterns for Stencil-based web components, including custom elements, Shadow DOM, and performance optimization.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@UX MCP ServerAudit this button component for accessibility issues."
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
UX MCP Server
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 (Recommended)
npm install -g @elsahafy/ux-mcp-servernpx (No Installation)
npx @elsahafy/ux-mcp-serverFrom Source
git clone https://github.com/elsahafy/ux-mcp-server.git
cd ux-mcp-server
npm install
npm run buildRelated 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)
analyze_accessibility - Check code for WCAG violations
review_usability - Evaluate against Nielsen's heuristics
suggest_pattern - Find appropriate UI patterns for use cases
generate_component_example - Create accessible HTML/CSS examples
audit_design_system - Review design token structure
check_contrast - Verify WCAG color contrast ratios
check_responsive - Analyze mobile-first and responsive design
suggest_error_message - Get user-friendly error messages
analyze_performance - Check code for performance issues & Core Web Vitals
check_seo - Analyze HTML for SEO best practices
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:
accessibility_review - Full WCAG accessibility audit
usability_audit - Complete Nielsen heuristics evaluation
design_system_setup - Guide for creating design systems
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 | |
Claude Code (CLI) | ā Fully Supported | |
Cursor IDE | ā Fully Supported | |
Continue.dev | ā Fully Supported | |
Cline (VS Code) | ā Fully Supported | |
Zed Editor | ā Fully Supported | |
Custom MCP Clients | ā Fully Supported |
Client Configuration
Claude Desktop
Config file location:
macOS:
~/Library/Application Support/Claude/claude_desktop_config.jsonWindows:
%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-serverOr 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 toolUI 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 toolPerformance & 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 toolAnimation & Interaction
"What animation should I use for a button click?"
ā Uses: suggest_animation tool
"Suggest microinteractions for a toggle switch"
ā Uses: suggest_microinteraction toolTesting & 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 toolAccessing 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/designKnowledge 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
Visibility of System Status
Match Between System and Real World
User Control and Freedom
Consistency and Standards
Error Prevention
Recognition Rather than Recall
Flexibility and Efficiency of Use
Aesthetic and Minimalist Design
Help Users Recognize, Diagnose, and Recover from Errors
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 devFramework 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
maxLengthconstraints on markup-accepting parametersExplicit MCP capability declarations
Bug Fix
Fixed
console.errorstartup 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 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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:
Fork the repository
Create a feature branch
Make your changes
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:
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
Links
npm Package: https://www.npmjs.com/package/@elsahafy/ux-mcp-server
GitHub Repository: https://github.com/elsahafy/ux-mcp-server
Issues & Feedback: https://github.com/elsahafy/ux-mcp-server/issues
Changelog: CHANGELOG.md
Contributing: CONTRIBUTING.md
Security Policy: SECURITY.md
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 toolsanalyze_accessibilityB
Analyze HTML/JSX code for accessibility issues based on WCAG guidelines. Returns specific violations and suggestions.
| Name | Required | Description | Default |
|---|---|---|---|
| content | Yes | HTML or JSX markup to analyze for accessibility issues | |
| level | No | WCAG conformance level to check against | AA |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| chart_type | Yes | Type of chart/visualization (e.g., 'bar chart', 'line chart', 'pie chart', 'scatter plot') | |
| data_description | Yes | Description of the data being visualized | |
| purpose | No | Purpose of the visualization (e.g., 'comparison', 'trend', 'composition', 'distribution') |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| site_structure | Yes | Description or sitemap of current structure | |
| user_goals | Yes | Primary user goals and tasks | |
| issues | No | Known issues or pain points (optional) |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| content | Yes | HTML/CSS/JS markup to analyze for performance issues | |
| check_type | No | Specific performance aspect to check | all |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| tokens | Yes | JSON or CSS of design tokens to audit | |
| type | No | Type of tokens to audit | all |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| metric_type | Yes | Type of UX metric to calculate | |
| data | Yes | Raw 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
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| foreground | Yes | Foreground color (text) | |
| background | Yes | Background color | |
| level | No | WCAG level to check | AA |
| large_text | No | Is the text large (18pt+ or 14pt+ bold)? |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| content | Yes | HTML/CSS markup to analyze for responsive design issues | |
| check_type | No | Specific responsive aspect to check | all |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| html | Yes | HTML code to analyze | |
| page_url | No | Optional: Page URL label for report context (not fetched) |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| flow_description | Yes | Description of user flow or interface (e.g., 'subscription cancellation', 'cookie consent', 'checkout') | |
| screenshot_reference | No | Screenshot filename or reference label (optional, not fetched) |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| page_identifier | Yes | Page name, route, or identifier for the audit report (not fetched) | |
| wcag_level | No | WCAG compliance level to check against | AA |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| base_color | Yes | Base color (hex, rgb, or color name) | |
| harmony_type | No | Color harmony type to generate | analogous |
| include_neutrals | No | Include grayscale neutrals |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| pattern | Yes | Pattern name (e.g., 'search', 'modal', 'form', 'button', 'data-table') | |
| variant | No | Optional: Specific variant (e.g., 'primary', 'ghost', 'inline') | |
| include_accessibility | No | Include ARIA attributes and accessibility features |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| base_size | No | Base font size in pixels (typically 16) | |
| scale_ratio | No | Scale ratio (e.g., 1.2 for minor third, 1.5 for perfect fifth) | |
| steps | No | Number of steps to generate (up and down from base) |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| page_type | Yes | Type of page/component (e.g., 'login page', 'dashboard', 'product card', 'navigation header') | |
| elements | No | Key elements to include (e.g., 'logo, search bar, user menu, main content area') | |
| layout | No | Overall layout structure | single-column |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| description | Yes | Description of the UI or component to review | |
| content | No | Optional: UI markup or implementation to review | |
| focus_heuristics | No | Optional: Specific heuristics to focus on (1-10) |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| element | Yes | Element to test (e.g., 'CTA button', 'headline', 'pricing page', 'checkout flow') | |
| goal | Yes | Desired outcome (e.g., 'increase conversions', 'reduce bounce', 'improve engagement') | |
| current_performance | No | Current metric (e.g., '2% conversion rate', '60% bounce rate') |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| interaction | Yes | UI interaction to animate (e.g., 'button click', 'modal open', 'list item add', 'page transition') | |
| context | No | Optional: Additional context about the interaction |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| scenario | Yes | Error scenario (e.g., 'invalid email', 'required field', 'payment failed', 'file too large') | |
| context | No | Optional: Additional context about the error | |
| technical_message | No | Optional: Technical error message to translate to user-friendly language |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| form_type | Yes | Type of form (e.g., 'login', 'registration', 'checkout', 'contact', 'search') | |
| field_count | No | Approximate number of fields | |
| platform | No | Target platform | both |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| element_type | Yes | Type of UI element needing copy | |
| context | Yes | Context of the element (e.g., 'login button', 'email field', 'payment success') | |
| tone | No | Desired tone of voice | friendly |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| element | Yes | UI element (e.g., 'button', 'toggle switch', 'like button', 'form submission', 'loading') | |
| context | No | Context of interaction (e.g., 'delete action', 'successful save', 'error state') | |
| platform | No | Target platform | web |
TDQS
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.
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.
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.
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.
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.
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.
| Name | Required | Description | Default |
|---|---|---|---|
| use_case | Yes | Description of what you're trying to build (e.g., 'user navigation', 'form validation', 'data display') | |
| constraints | No | Optional: Specific constraints or requirements |
TDQS
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.
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.
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.
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.
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.
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.
23 tool updates
v5.0.0- First observed
analyze_accessibility - First observed
analyze_data_viz - First observed
analyze_information_architecture - First observed
analyze_performance - First observed
audit_design_system - First observed
calculate_ux_metrics - First observed
check_contrast - First observed
check_responsive - First observed
check_seo - First observed
detect_dark_patterns - First observed
generate_accessibility_report - First observed
generate_color_palette - First observed
generate_component_example - First observed
generate_typography_scale - First observed
generate_wireframe - First observed
review_usability - First observed
suggest_ab_variant - First observed
suggest_animation - First observed
suggest_error_message - First observed
suggest_form_pattern - First observed
suggest_microcopy - First observed
suggest_microinteraction - First observed
suggest_pattern
TDQS
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 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.
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).
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
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
MCP server providing access to the Scorecard API to evaluate and optimize LLM systems.
An MCP server that automatically collects feedback on your MCP server.
MCP server for building and testing AI agents with multi-model experimentation and insights.
The OpenZeppelin Solidity Contracts MCP server integrates OpenZeppelin's security and style rules into AI-driven development workflows, enabling AI assistants to generate safe, correct, and production-ready smart contracts. It automatically validates generated code against OpenZeppelin standards (including imports, modifiers, naming conventions, and security checks) and supports various contract types including ERC-20, ERC-721, ERC-1155, Stablecoins, RWA, Governor, and Account contracts through prompt-driven workflows.
Related MCP Servers
- AlicenseBqualityDmaintenanceAn MCP server for auditing and analyzing user interfaces across 20 platforms based on 30 fundamental UX laws. It provides automated code detection, platform-specific checklists, and comparative analysis to optimize design usability.237142MIT
- AlicenseNot gradedqualityCmaintenanceAn 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.233MIT
- AlicenseNot gradedqualityAmaintenanceAn MCP server that measures how faithfully one UI reproduces another, returning a score and actionable findings for improvement.1MIT
- FlicenseAqualityDmaintenanceAn 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
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
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