Skip to main content
Glama

critique_ui

Deterministic critique for APPLICATION UI (dashboards, admin panels, SaaS views): runs the app-UI slop rulebook against React/JSX/HTML source (radius chaos, card-in-card, gray-on-gray text, raw palette classes, missing empty/loading/error states, clickable divs, killed focus rings) and, when a Standout app theme is installed, a theme-conformance pass (foreign colors, missing semantic token classes). Returns a 0-100 UI score with a ship verdict and a prioritized fix list. Use after building every view; re-run until the score clears 85. For marketing/landing PAGES use critique_design instead.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
viewNoWhat this view is, e.g. 'invoices table', for context
themeNoInstalled app theme id (e.g. graphite-ledger) to also check token-law conformance
sourceYesThe component or screen source to critique (React/JSX/TSX/HTML/CSS)

TDQS

A4.3/5.0
Behavior4/5

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

With no annotations provided, the description carries the full burden of behavioral disclosure. It states the tool is 'deterministic', describes the two passes (rulebook and optional theme conformance), and lists the output (score, verdict, fix list). It does not mention side effects (e.g., whether source is stored or modified), but as a read-only critique tool the lack of side effects is implied. The conditional theme pass is clearly explained.

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

Conciseness4/5

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

The description is dense but well-structured, with a purpose statement, a detailed rulebook list, an output summary, and usage guidance in only two sentences. Every clause adds useful information, though the parenthetical list makes it a bit heavy. It earns a 4 for being concise yet comprehensive.

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

Completeness4/5

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

The description fully covers the tool's purpose, inputs, behavioral details, return value, and usage threshold. It even names an alternative for a different use case. The only minor omissions are an explicit explanation of the 'ship verdict' contents and whether any setup or prerequisites are needed, but these are not essential for an agent to select and invoke the tool correctly.

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% (3/3 params documented), so the baseline is 3. The description adds context about the theme parameter ('when a Standout app theme is installed') and specifies source as React/JSX/HTML, but it does not meaningfully augment the already-clear schema descriptions. No additional parameter syntax or constraints are provided.

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

Purpose5/5

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

The description opens with 'Deterministic critique for APPLICATION UI' and enumerates specific slop patterns (radius chaos, card-in-card, gray-on-gray text) that the rulebook checks. It further distinguishes itself from critique_design by explicitly targeting application UIs versus marketing pages, making the tool's purpose unmistakable and differentiated from siblings.

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?

Explicitly instructs 'Use after building every view; re-run until the score clears 85.' It also directs the agent to use critique_design for marketing/landing pages, providing a clear alternative. This is a textbook example of when-to-use and 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.

Try in Browser

Glama MCP Gateway

Add one secure layer between your agents and this server.

TDQS

A3.7/5.0
Disambiguation2/5

Multiple tools have unclear boundaries: build_from_reference and build_from_reference_v2 serve nearly the same purpose, make_it_standout and polish_and_prove overlap heavily, and get_design_direction, synthesize_direction_from_references, and build_from_reference_v2 all produce design directions. The long descriptions help, but an agent could easily select the wrong tool.

Naming Consistency4/5

Most tools follow a consistent snake_case verb_noun pattern (e.g., get_design_direction, search_references, watch_site). Minor deviations like client_report, make_it_standout, and polish_and_prove are acceptable but slightly break the pattern.

Tool Count2/5

30 tools is too many for a design toolkit, exceeding the 25+ threshold for 'too many'. Many 'get' tools could be consolidated (e.g., get_hero_concept, get_motion_recipes, get_asset_pack could be one tool). The count feels bloated rather than well-scoped.

Completeness4/5

The tool set covers the full design/build/critique/report/watch lifecycle well, from direction and sections to client reports and site monitoring. Minor gaps exist (e.g., no explicit 'update' or 'delete' for references), but these are not critical to the core workflow.

Resources