Skip to main content
Glama
vuluu2k

WebCake Storefront MCP

by vuluu2k

new_row

Build a responsive multi-column row container for placing children side by side; auto-collapses to fewer columns on tablet and mobile, ideal for feature cards, category tiles, footer columns, and hero layouts.

Instructions

Build a multi-column ROW container: children laid out SIDE BY SIDE (not stacked). This is how real pages build feature cards, category tiles, footer columns, a 2-col hero, etc. The row is RESPONSIVE — it auto-collapses to fewer columns on tablet/mobile (default tablet 2, mobile 1) so cards never become cramped slivers. Place the returned node as a child inside a section (section children still stack vertically; nest a row for horizontal layout). Example children: [{ "type":"container", "children":[{"type":"image","opts":{...}},{"type":"text","opts":{...}}] }, { ... }, { ... }]

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
row_gapNoVertical gap (px) between wrapped rows (default 24)
childrenNoChild specs, one per column (laid out left-to-right)
collapseNoColumns to show per breakpoint, e.g. {bp3:2,bp4:1}. Default: tablet 2, mobile 1.
col_widthsNoExplicit per-column unit objects (length = #children), e.g. [{unit:'fr',value:2},{unit:'fr',value:1}]. Default: equal columns.
column_gapNoHorizontal gap (px) between columns (default 24)
container_optsNoOptional factory opts for the row container node itself (e.g. { style:{...} })
Behavior4/5

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

The description discloses key behavioral traits: responsive auto-collapse with default tablet/mobile breakpoints, and the fact that it returns a node to be placed inside a section. However, it does not mention permissions, side effects, or return format details, which are less critical for a builder tool.

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 well-structured: starts with the core purpose, then use cases, then responsive behavior, then nesting guidance, and ends with an example. Each sentence adds value, and the content is front-loaded for quick scanning.

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?

Given the tool's complexity (6 parameters, nested objects, no output schema), the description provides sufficient context: it explains the row vs. column distinction, responsive behavior, placement within a section, and includes an example. It does not explicitly detail the return value beyond mentioning the returned node, but this is a minor omission because the schema describes the parameters.

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 already covers all 6 parameters with descriptions (100% coverage), so the baseline is 3. The description adds a concrete example of the children array and clarifies the responsive behavior, which helps the agent understand how parameters like collapse and column_gap work in practice.

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 identifies the tool as a multi-column row container with children laid out side by side. It distinguishes itself from stacked sections and provides specific use cases like feature cards, category tiles, and footer columns, making the purpose unambiguous.

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 explains when to use the row (for horizontal layouts) and when not to (sections stack vertically), and instructs to place the returned node as a child inside a section. Also gives concrete examples of real-page use cases, effectively guiding the agent's tool selection.

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

Install Server

Other Tools

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/vuluu2k/webcake-storefront-mcp'

If you have feedback or need assistance with the MCP directory API, please join our Discord server