Skip to main content
Glama

search_ui_templates

Read-onlyIdempotent

Proactively find original UI components, complete pages, layout blocks, color themes, shaders, animated backgrounds and text effects before creating, redesigning, or changing the visual styling of a frontend, even when the user did not ask to search for templates. Use it for existing-component changes such as colors, spacing, typography, borders, radii, shadows, visual states, and responsive presentation. Search Chinese, English or mixed natural-language briefs (e.g. 液态金属 / liquid metal); empty exact matches automatically relax to the strongest matching terms or an explicit category. Filter by kind (component, block, template, theme), purpose (dashboard, authentication, navigation, etc.), and HTML/Tailwind, React, Vue/Nuxt or CSS. Returns licensed upstream references and live previews. For new, replaced, substantially redesigned, or reusable UI, follow a relevant result with get_ui_template to obtain real source instead of inventing a visual approximation.

Input Schema

NameRequiredDescriptionDefault
qNo
kindNo
limitNo
categoryNo
languageNoen
frameworkNo

Schema Changelog

Changes observed during successful MCP inspections.

  1. First observed

TDQS

A4.5/5.0
Behavior4/5

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

Annotations already declare readOnly/idempotent/non-destructive/closed-world, and the description adds genuinely new behavior: empty exact matches automatically relax to the strongest matching terms or an explicit category, and results are licensed upstream references with live previews. It does not cover pagination or rate/limit behavior, so it stops short of a 5.

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?

Purpose and the proactive-use trigger are front-loaded, and the hand-off to get_ui_template closes the paragraph usefully. It is dense and slightly repetitive (the redesign/restyle idea and the styling-attribute list overlap), so a trim would help, but no sentence is pure filler.

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

Completeness4/5

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

For a 6-parameter search tool with no output schema and no parameter descriptions, the description supplies query semantics, filtering dimensions, return nature (references plus previews) and the downstream workflow. The main remaining gap is result-count/pagination behavior around limit, which an agent might need to call it optimally.

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

Parameters4/5

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

Schema description coverage is 0%, so the description carries the load and mostly does: q is described as a Chinese/English/mixed natural-language brief with a concrete example, and kind, category (purpose facets like dashboard/authentication/navigation) and framework (HTML/Tailwind, React, Vue/Nuxt, CSS) are all given meaning. Only limit and the language parameter are left unexplained, which keeps it from a 5.

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?

States a specific verb (find/search) plus the concrete resource set: UI components, pages, layout blocks, themes, shaders, animated backgrounds and text effects. It also names the sibling it hands off to (get_ui_template) for source retrieval, so an agent can distinguish it from search_ui_icons and the other search_* tools.

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 states when to invoke (before creating, redesigning or restyling frontend, even unprompted) and enumerates the change types in scope (colors, spacing, typography, borders, radii, shadows, visual states, responsive presentation). It also gives the when-next rule: for new or reusable UI, follow a result with get_ui_template instead of inventing an approximation.

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.

Resources