Skip to main content
Glama

get_component_code

Get FINISHED application-UI components (React + Tailwind, zero dependencies) written against a Standout app theme's semantic tokens: app shell with sidebar/topbar, stat row with mono tabular metrics, data table with layout-matched loading skeletons + instructive empty state + inline retryable error, and a settings form with inline validation, sticky save bar and a two-step danger zone. States are built in, so the agent wires data and content instead of inventing structure. Install the theme first via get_app_theme.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
themeNoApp theme id the components bind to (default graphite-ledger)
componentNoComponent id: app-shell, stat-row, data-table, settings-form, or 'all' (default)

TDQS

A4.2/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 adds meaningful context: components are finished, zero-dependency, written against semantic tokens, and include built-in states (loading, empty, error). It also notes reliance on installing the theme first. This goes well beyond a generic 'get' description and provides actionable behavioral expectations.

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

Conciseness5/5

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

The description is compact yet highly informative. It front-loads the primary action and resource, then efficiently enumerates the component types and adds the crucial prerequisite about installing the theme. Every clause contributes to understanding, with no redundant or filler content.

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

Completeness4/5

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

For a tool with no output schema and no annotations, the description covers the essential aspects: what the tool returns (finished components with built-in states), the tech stack (React + Tailwind), the theme dependency, and the valid component options. It could explicitly state the return format (e.g., source code string) or error behavior, but 'Get components' with React + Tailwind and the theme reference strongly implies code, making the description adequate for selection and invocation.

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

Parameters3/5

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

Schema description coverage is 100%, so the schema already documents both parameters (theme and component). The description adds some context by linking theme to get_app_theme and listing the component ids, but this largely overlaps with the schema's parameter descriptions. It does not introduce significant new semantics, so the baseline of 3 is appropriate.

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

Purpose5/5

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

The description clearly specifies that the tool retrieves finished application-UI components built in React + Tailwind, enumerates the included component types (app shell, stat row, data table, settings form), and notes they are written against a theme's semantic tokens. This distinguishes it from sibling tools like get_section_code or get_premium_components by emphasizing the finished, token-bound nature.

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

Usage Guidelines4/5

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

The description provides clear usage context by instructing the agent to install the theme first via get_app_theme, and explains the workflow: components come with built-in states, so the agent only needs to wire data and content. It does not explicitly name alternatives or when-not-to-use scenarios, but the prerequisite and intended usage are evident.

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