Filo

Get Component Guide

docs_get_component_guide

Read-only

Returns UI component usage guidelines from Designers Italia: when to use, how to use, accessibility notes, library status, and Storybook entry, with warnings for URL mismatches.

Instructions

Returns usage guidelines for a component from Designers Italia website: when to use it (whenToUse, includes recommended alternatives where Designers Italia lists them), how to use it (howToUse), accessibility notes, library status (Bootstrap Italia, Dev Kit Italia) and, when available, the Dev Kit Storybook entry (tags, markup URL). Flags devKitUrlMismatch in warnings when the Dev Kit doc URL in components-status.json diverges from the live Storybook entry.

Input Schema

TableJSON Schema

Name	Required	Description	Default
`component`	Yes	Component name or slug (e.g. "accordion", "Alert")

Output Schema

TableJSON Schema

Name	Required	Description	Default
`meta`	Yes
`name`	Yes
`slug`	Yes
`devKit`	Yes
`status`	Yes
`categories`	Yes
`guidelines`	Yes
`sourceUrls`	Yes
`description`	Yes

Schema Changelog

Changes observed during successful MCP inspections. Dates show when Glama detected each change.

Changed1 schema field changedv0.5.0Aug 14, 2026

changedOutput schema / (root)

Previous value: -nullNew value: +{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "additionalProperties": false,
+  "properties": {
+    "categories": {
+      "items": {
+        "type": "string"
+      },
+      "type": "array"
+    },
+    "description": {
+      "type": [
+        "string",
+        "null"
+      ]
+    },
+    "devKit": {
+      "anyOf": [
+        {
+          "additionalProperties": false,
+          "properties": {
+            "slug": {
+              "type": "string"
+            },
+            "storybookUrl": {
+              "type": "string"
+            },
+            "tags": {
+              "items": {
+                "type": "string"
+              },
+              "type": "array"
+            }
+          },
+          "required": [
+            "slug",
+            "tags",
+            "storybookUrl"
+          ],
+          "type": "object"
+        },
+        {
+          "type": "null"
+        }
+      ]
+    },
+    "guidelines": {
+      "anyOf": [
+        {
+          "additionalProperties": false,
+          "properties": {
+            "howToUse": {
+              "type": [
+                "string",
+                "null"
+              ]
+            },
+            "whenToUse": {
+              "type": [
+                "string",
+                "null"
+              ]
+            }
+          },
+          "required": [
+            "whenToUse",
+            "howToUse"
+          ],
+          "type": "object"
+        },
+        {
+          "type": "null"
+        }
+      ]
+    },
+    "meta": {
+      "additionalProperties": false,
+      "properties": {
+        "dataFetchedAt": {
+          "type": [
+            "string",
+            "null"
+          ]
+        },
+        "designersUrl": {
+          "type": "string"
+        },
+        "sourceUrls": {
+          "items": {
+            "type": "string"
+          },
+          "type": "array"
+        },
+        "stability": {
+          "enum": [
+            "beta",
+            "stable"
+          ],
+          "type": "string"
+        },
+        "versions": {
+          "additionalProperties": false,
+          "properties": {
+            "bootstrapItalia": {
+              "type": "string"
+            },
+            "designSystem": {
+              "type": "string"
+            },
+            "designTokensItalia": {
+              "type": "string"
+            },
+            "devKitItalia": {
+              "type": "string"
+            }
+          },
+          "required": [
+            "designSystem",
+            "bootstrapItalia",
+            "devKitItalia",
+            "designTokensItalia"
+          ],
+          "type": "object"
+        },
+        "warnings": {
+          "items": {
+            "type": "string"
+          },
+          "type": "array"
+        }
+      },
+      "required": [
+        "dataFetchedAt",
+        "sourceUrls",
+        "warnings",
+        "stability"
+      ],
+      "type": "object"
+    },
+    "name": {
+      "type": "string"
+    },
+    "slug": {
+      "type": "string"
+    },
+    "sourceUrls": {
+      "additionalProperties": false,
+      "properties": {
+        "bsiDoc": {
+          "type": [
+            "string",
+            "null"
+          ]
+        },
+        "designersItalia": {
+          "type": "string"
+        },
+        "devKitDoc": {
+          "type": [
+            "string",
+            "null"
+          ]
+        },
+        "figma": {
+          "type": [
+            "string",
+            "null"
+          ]
+        }
+      },
+      "required": [
+        "designersItalia",
+        "bsiDoc",
+        "figma",
+        "devKitDoc"
+      ],
+      "type": "object"
+    },
+    "status": {
+      "anyOf": [
+        {
+          "additionalProperties": false,
+          "properties": {
+            "accessibility": {
+              "additionalProperties": false,
+              "properties": {
+                "amichevoleConLettoriDiSchermo": {
+                  "$ref": "#/properties/status/anyOf/0/properties/libraryStatus/properties/bootstrapItalia"
+                },
+                "checkCompleted": {
+                  "type": "boolean"
+                },
+                "comprensibile": {
+                  "$ref": "#/properties/status/anyOf/0/properties/libraryStatus/properties/bootstrapItalia"
+                },
+                "navigabile": {
+                  "$ref": "#/properties/status/anyOf/0/properties/libraryStatus/properties/bootstrapItalia"
+                },
+                "visivamenteAccessibile": {
+                  "$ref": "#/properties/status/anyOf/0/properties/libraryStatus/properties/bootstrapItalia"
+                }
+              },
+              "required": [
+                "visivamenteAccessibile",
+                "amichevoleConLettoriDiSchermo",
+                "navigabile",
+                "comprensibile",
+                "checkCompleted"
+              ],
+              "type": "object"
+            },
+            "knownIssueUrls": {
+              "items": {
+                "type": "string"
+              },
+              "type": "array"
+            },
+            "libraryStatus": {
+              "additionalProperties": false,
+              "properties": {
+                "bootstrapItalia": {
+                  "enum": [
+                    "PRONTO",
+                    "DA RIVEDERE A11Y",
+                    "DA RIVEDERE",
+                    "IN REVIEW",
+                    "DA COMPLETARE VARIANTI",
+                    "NON PRESENTE",
+                    "DA FARE",
+                    "N/D"
+                  ],
+                  "type": "string"
+                },
+                "devKitItalia": {
+                  "$ref": "#/properties/status/anyOf/0/properties/libraryStatus/properties/bootstrapItalia"
+                },
+                "uiKitItalia": {
+                  "$ref": "#/properties/status/anyOf/0/properties/libraryStatus/properties/bootstrapItalia"
+                }
+              },
+              "required": [
+                "bootstrapItalia",
+                "uiKitItalia",
+                "devKitItalia"
+              ],
+              "type": "object"
+            },
+            "notes": {
+              "type": [
+                "string",
+                "null"
+              ]
+            }
+          },
+          "required": [
+            "libraryStatus",
+            "accessibility",
+            "notes",
+            "knownIssueUrls"
+          ],
+          "type": "object"
+        },
+        {
+          "type": "null"
+        }
+      ]
+    }
+  },
+  "required": [
+    "name",
+    "slug",
+    "description",
+    "categories",
+    "status",
+    "guidelines",
+    "devKit",
+    "sourceUrls",
+    "meta"
+  ],
+  "type": "object"
+}

Addedv0.4.0Aug 10, 2026

TDQS

A4.5/5.0

Behavior5/5

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

Beyond the readOnlyHint annotation, the description adds valuable behavioral context: it flags devKitUrlMismatch in warnings when the Dev Kit doc URL diverges, and notes that Storybook entries are included 'when available'. This discloses conditional behavior and special warning flags, going well beyond the annotation.

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 a single, dense sentence that is front-loaded with the core purpose ('Returns usage guidelines') and efficiently packs the list of returned content and a special warning behavior. Every clause adds value with no 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?

Given the tool returns a rich guide with multiple sections and the output schema exists, the description sufficiently sets expectations by naming the main sections and the warning flag. It does not over-explain return formats, relying on the output schema.

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 coverage for the single parameter is 100%, and the schema description already explains it with examples. The tool description adds no additional parameter-level detail, 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 states the tool 'Returns usage guidelines for a component from Designers Italia website' and lists specific content (whenToUse, howToUse, accessibility, library status, Storybook entry). This specific verb+resource distinguishes it from siblings like bsi_get_component_markup or tokens_list_component_vars.

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 clearly implies when to use the tool (when you need usage guidelines for a component) by enumerating the returned sections. However, it does not explicitly mention alternatives or when not to use it, though the context is clear and no exclusions are stated.

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

Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)
By Om-Shree-0709 on July 25, 2026.
mcp
Agent Identity
OAuth 2.1
Your AI Chatbot Just Exposed Your CEO's Salary to an Intern
By Om-Shree-0709 on July 2, 2026.
Agent Identity
MCP Security
OAuth Delegation
Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)
By Om-Shree-0709 on June 30, 2026.
Agentic Ai
Prompt Injection
WebAssembly

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/Fupete/design-system-italia-mcp'

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