Skip to main content
Glama

Score UI drift

designesy_drift_score
Read-onlyIdempotent

Score a live URL for AI-generated UI drift against its declared token system. The 12 checks catch token fabrication, value variance, inconsistent fonts/shadows, and silent breaking changes.

Instructions

Score a live URL for AI-generated UI drift. Its 12 checks detect the four documented 2026 drift failure modes: token fabrication (var() references with no fallback to custom properties declared nowhere: not in a stylesheet, a block or a style attribute), within-session drift (spacing/color/radius value variance), between-session amnesia (inconsistent font stacks, shadows, transitions), and silent breaking changes (z-index chaos, alias chains that end in an undeclared property). Use this when you need to verify whether a site (especially an AI-generated one) is drifting off its own declared token system. When NOT to use: for a full 45-check design-contract score, use designesy_score; for token-file format validation, use designesy_tokens_score. Executable: fetches the URL server-side, extracts all CSS (inline + linked stylesheets), parses custom property declarations (stylesheets, blocks and style attributes) and var() references, runs 12 drift checks. No browser needed. Returns JSON: { ok, url, scope, score (0-100), grade (A-F), pass, warn, fail, skip, total, tokensExtracted, checks[{id, item, category, status, detail}] }. Results cached ~24h per URL.

Input Schema

NameRequiredDescriptionDefault
urlNoURL to scan for drift. Defaults to https://www.designesy.org/ if not provided.

Schema Changelog

Changes observed during successful MCP inspections.

  1. First observedv1.13.8

TDQS

A4.6/5.0
Behavior5/5

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

Annotations already declare readOnly/idempotent/non-destructive/openWorld, and the description adds substantial behavior beyond them: server-side fetch, extraction of inline + linked CSS, custom-property parsing across stylesheets/style blocks/style attributes, no browser required, and ~24h per-URL caching. The caching and no-browser execution model are exactly the operational facts an agent can't get from 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.

Conciseness4/5

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

Front-loaded with purpose, then failure modes, usage, exclusions, execution model, and return shape in a logical order. The long parenthetical definitions of each drift failure mode are dense but each earns its place by telling the agent what the score means; slightly longer than strictly necessary.

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

Completeness5/5

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

With no output schema, the description fully specifies the return JSON shape ({ ok, url, scope, score, grade, pass, warn, fail, skip, total, tokensExtracted, checks[] }) and the execution model, leaving no gap an agent needs before calling or interpreting results.

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

Parameters3/5

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

Schema description coverage is 100% for the single url parameter, including its default, so the schema already carries the semantics. The description only restates that the URL is a live page to scan, adding no format, validation, or edge-case detail beyond the schema. Baseline 3 applies when the schema does the heavy lifting.

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

Purpose5/5

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

Specific verb ("Score") plus resource ("live URL for AI-generated UI drift") with the exact checks enumerated (12 checks across four named drift failure modes). It explicitly distinguishes itself from siblings by naming designesy_score and designesy_tokens_score, so an agent can route without opening any schema.

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

Usage Guidelines5/5

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

It gives an explicit positive trigger ("Use this when you need to verify whether a site is drifting off its own declared token system"), names "When NOT to use", and routes to two concrete alternatives with the conditions that select them. Nothing is left to inference.

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