Skip to main content
Glama

CSS Effects Studio

css-effects

An interactive CSS design studio with three tabs: gradient, shadow and border-radius. Inputs (all optional): tab ("gradient" | "shadow" | "radius"), gradient from/to/angle/kind, shadow x/y/blur/spread/color/inset, and radius tl/tr/br/bl. Returns the resulting CSS. Use when a user wants a gradient, shadow or rounded-corner CSS.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
xNo
yNo
blNo
brNo
tlNo
toNo#22d3ee
trNo
tabNogradient
blurNo
fromNo#6366f1
kindNolinear
angleNo
colorNo#00000055
insetNo
localeNoen
spreadNo

Schema Changelog

Changes observed during successful MCP inspections.

  1. First observed

TDQS

A3.8/5.0
Behavior3/5

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

With no annotations, the description carries the full burden; it discloses that all inputs are optional and that the tool returns "the resulting CSS," which is useful. It does not explain whether only the selected tab's parameters are honored, how defaults interact with `tab`, or that the operation is a pure non-mutating generator, leaving real behavioral gaps.

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?

Front-loaded with the tool's identity and tabs, then inputs, then return value, then usage trigger — every sentence earns its place with no filler.

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

Completeness3/5

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

For a 16-parameter tool with no annotations and no output schema, the description covers the input surface well and states the return (CSS), but leaves `locale` undocumented and never clarifies the tab-to-parameter interaction or default behavior, which an agent needs to call this correctly.

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 coverage is 0%, so the description must compensate, and it does materially: it groups all parameters by tab (gradient from/to/angle/kind; shadow x/y/blur/spread/color/inset; radius tl/tr/br/bl), which tells the agent which knobs belong to which mode. It omits the 16th parameter `locale`, and gives no units for `angle` or color-string format, so it is good but not complete.

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

Purpose4/5

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

The description gives a specific verb+resource — an interactive CSS studio producing gradient/shadow/border-radius CSS — and enumerates the three tabs, so the agent knows exactly what it generates. It does not name any sibling (e.g. color-palette, color-studio), so differentiation is left to inference rather than stated.

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?

"Use when a user wants a gradient, shadow or rounded-corner CSS" is an explicit when-to-use trigger tied to recognizable user intents. There are no when-not conditions or named alternatives, so it stops short of full routing 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.

Resources