Skip to main content
Glama
Fupete

Filo

by Fupete
OverviewSchemaRelated ServersScoreDiscussions
TypeScript
Hybrid

List Dev Kit Component Props

devkit_list_component_props
Read-only

Lists all HTML attributes (props) for any Dev Kit Italia component (it-*): names, types, descriptions, defaults, accepted options, and subcomponent props.

Instructions

Lists all HTML attributes (props) for a Dev Kit Italia web component (it-*): name, type, description, default value, accepted options. Includes subcomponent props (e.g. it-accordion-item).

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
componentYesComponent name or slug (e.g. "accordion", "icon")

Output Schema

TableJSON Schema
NameRequiredDescriptionDefault
metaYes
propsYes
tagNameYes
componentYes
subcomponentsYes

Schema Changelog

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

  1. Changed1 schema field changedv0.5.0
    • changedOutput schema / (root)
      Previous value: -nullNew value: +{
+  "$schema": "http://json-schema.org/draft-07/schema#",
+  "additionalProperties": false,
+  "properties": {
+    "component": {
+      "type": "string"
+    },
+    "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"
+    },
+    "props": {
+      "items": {
+        "additionalProperties": false,
+        "properties": {
+          "default": {
+            "type": [
+              "string",
+              "null"
+            ]
+          },
+          "description": {
+            "type": [
+              "string",
+              "null"
+            ]
+          },
+          "name": {
+            "type": "string"
+          },
+          "options": {
+            "items": {
+              "type": "string"
+            },
+            "type": "array"
+          },
+          "type": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "name",
+          "type",
+          "description",
+          "default",
+          "options"
+        ],
+        "type": "object"
+      },
+      "type": "array"
+    },
+    "subcomponents": {
+      "items": {
+        "additionalProperties": false,
+        "properties": {
+          "props": {
+            "items": {
+              "$ref": "#/properties/props/items"
+            },
+            "type": "array"
+          },
+          "tagName": {
+            "type": "string"
+          }
+        },
+        "required": [
+          "tagName",
+          "props"
+        ],
+        "type": "object"
+      },
+      "type": "array"
+    },
+    "tagName": {
+      "type": [
+        "string",
+        "null"
+      ]
+    }
+  },
+  "required": [
+    "component",
+    "tagName",
+    "props",
+    "subcomponents",
+    "meta"
+  ],
+  "type": "object"
+}
  2. Addedv0.4.0

TDQS

A4.5/5.0
Behavior4/5

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

Annotations already indicate readOnlyHint=true, and the description adds behavioral detail about including subcomponent props and listing specific fields (name, type, description, default, options). This goes beyond the bare annotation without contradicting it.

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 two sentences, front-loaded with the core action and resource, and includes a concrete example ('it-accordion-item'). No filler or redundant content.

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?

For a simple read-only list tool with one parameter and an output schema, the description is sufficient. It specifies what is returned, the target components, and the inclusion of subcomponents, leaving no major gaps.

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 100%, providing a baseline of 3. The description adds meaning by restricting the 'component' parameter to Dev Kit Italia it-* components and mentioning subcomponent support, which clarifies valid input beyond the schema's simple examples.

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's action ('Lists all HTML attributes'), the resource ('Dev Kit Italia web component (it-*)'), and the scope ('Includes subcomponent props'). It distinguishes from sibling tools like devkit_list_component_variants by focusing specifically on props.

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 provides clear context on when to use the tool — when you need HTML attributes/props for a Dev Kit component. It does not explicitly mention alternatives or when not to use it, but the usage scenario is unambiguous due to the focus on props.

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

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