Skip to main content
Glama

DESIGN.md Linter & Extractor

Extract a DESIGN.md file from a public webpage

extract_design_md
Read-only

Writes a starter DESIGN.md file from the CSS of one public webpage. Best for: a user who gives a website address and wants its colors, fonts, spacing, corner radii and component styles as a DESIGN.md file. Returns: markdown (the DESIGN.md text in the open Google format, YAML tokens then the 8 standard sections), the lint verdict of @google/design.md 0.4.0 on that text, the token counts and the number of stylesheets read. Pass url, such as "https://stripe.com"; a bare host such as "stripe.com" means https. Do not use for: pages behind a login, private or local addresses (localhost, 192.168.x.x), pages that robots.txt disallows, or a DESIGN.md file the user already has (use lint_design_md). Errors: blocked_url, invalid_url, robots_disallowed, fetch_failed and http_error each say what to send next.

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
urlYesAddress of one public webpage, such as "https://stripe.com". A bare host such as "stripe.com" means https. Only public http and https pages work: no login pages, localhost or private addresses.
include_raw_cssNoWhen true, adds the concatenated CSS that was read to rawCss. The response gets large, so leave it off unless the user asks for the CSS. Default false.
max_stylesheetsNoHow many linked stylesheets to fetch and parse, 1 to 10. Default 5.

Output Schema

TableJSON Schema
NameRequiredDescriptionDefault
lintYesThe official @google/design.md linter's verdict on markdown
rawCssNoThe concatenated CSS that was read; present only when include_raw_css is true
documentYesThe extracted tokens, layout regions and rules before they are written as markdown
markdownYesDESIGN.md in the open format (YAML tokens, then the 8 sections), ready to save
metadataYes

Schema Changelog

Changes observed during successful MCP inspections.

  1. First observed

TDQS

A4.4/5.0
Behavior4/5

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

Annotations cover the safety profile (readOnlyHint, destructiveHint=false, openWorld), and the description adds value beyond them: it discloses the return payload shape, a lint verdict against a pinned linter version, token/styleheet counts, and names five concrete error codes with the promise each one indicates the next input. The only soft spot is the word 'Writes', which is clarified a sentence later as returning markdown text rather than persisting a file.

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?

Front-loaded with the verb and artifact, then ordered Best for / Returns / how to pass url / Do not use for / Errors. Dense but every clause carries routing information; the url example duplication is the only mild redundancy.

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

Completeness5/5

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

An output schema exists, yet the description still summarizes the payload categories and enumerates the failure modes and their classes, which is exactly what an agent needs to pre-decide feasibility. Nothing needed to call it correctly is missing.

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 url grammar, bare-host defaulting, and the include_raw_css/max_stylesheets limits are already documented. The description restates the url example and bare-host rule but says nothing about include_raw_css or max_stylesheets, so it adds little beyond the schema — baseline 3.

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?

Names a specific verb and artifact ('Writes a starter DESIGN.md file from the CSS of one public webpage'), and scopes it to exactly one page. It also names the sibling it is not (lint_design_md), so an agent can distinguish it without opening any schema.

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?

Gives an explicit 'Best for' trigger (user supplies a website address and wants colors/fonts/spacing/radii/components as DESIGN.md) plus explicit exclusions: login pages, private/local addresses, robots-disallowed pages, and existing DESIGN.md files, with the alternative named for the last case. When/when-not and the routing rule are all present.

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.