Skip to main content
Glama

plan_screen_architecture

Architect and decompose UI screen creation or edits into ordered build steps, typography, 8pt grid, and layout constraints before Figma canvas changes; outputs roadmap for user confirmation.

Instructions

Architect and plan a multi-section UI screen creation OR design edit/refactor before code generation. Decomposes the UI into an ordered sequence of structured steps, establishes typography scale, 8pt grid dimensions, and layout constraints (wrapping, auto-layout directions, stretch alignment) to guarantee zero overflow/overlap. MANDATORY PROTOCOL GATE: Once this tool returns, the LLM MUST present the generated roadmap to the user for explicit confirmation before executing any canvas mutations.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
modeNoPlanning mode: 'create' for new screens from scratch, 'edit' for refactoring/improving existing nodescreate
presetNoTarget frame preset (required for 'create', optional for 'edit')
changesNoOrdered array of atomic modifications (for 'edit' mode)
paletteNoColor token palette
sectionsNoOrdered array of sections to build sequentially (for 'create' mode)
archetypeNoTypography archetypeinstitutional
screenNameYesScreen or component name, e.g. 'Institutional Consulting Landing Page' or 'Hero Section Refactor'
refactorGoalsNoKey refactoring objectives (e.g. 'Fix tag row overflow', 'Elevate typography to 8pt scale')
targetNodeIdsNoFigma node IDs to be edited/refactored (for 'edit' mode)

Schema Changelog

Changes observed during successful MCP inspections.

  1. Addedv1.2.0

TDQS

A4.1/5.0
Behavior4/5

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

With no annotations the description carries the full burden, and it does well: it discloses that this is a planning step that yields a roadmap, and that executing canvas mutations must wait for user confirmation. The 'guarantee zero overflow/overlap' claim is aspirational rather than a verified behavior, and it never states outright that the tool itself performs no mutations.

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?

Three front-loaded sentences that each carry weight: purpose, decomposition detail, then the mandatory protocol gate. Slightly dense but no filler, and the most important operational constraint is placed last where it stands out.

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 nine-parameter tool with nested objects and no output schema, the description covers the intent, both modes and the post-call protocol. The one real gap is that it references a 'generated roadmap' without describing that return structure, which matters since no output schema exists to fill it in.

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 all nine parameters, enums and nested shapes; baseline is 3. The description adds only framing (create vs edit, 8pt grid multiples, wrapping/stretch constraints) that loosely maps to existing fields but no parameter syntax or format detail beyond the schema.

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 pair (architect/plan) plus resource (multi-section UI screen, or edit/refactor) and enumerates the concrete outputs it produces: ordered steps, typography scale, 8pt grid, layout constraints. An agent can distinguish this planning tool from the canvas-mutation siblings without opening the schema.

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?

Explicitly positions the tool 'before code generation' and as a gate prior to canvas mutations, and it distinguishes create vs edit usage. It does not, however, name alternative siblings (create_frame, set_autolayout) or state when this tool should be skipped, so it stops short of full when/when-not routing.

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