Provides UX capabilities to enhance the design output and understanding of AI systems.
Maintain this server? Claim it
Call this server's tools from your browser. Nothing to install.
Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.
Tool list from our last check. Connect live to refresh it.
Describes a font family in detail, including its look and feel, supported styles, weights and how to use it.
Required. The platform in which the font family is going to be used.
Required. The full name of the font family to describe. Example: "Roboto", "Noto Sans".
Describes a font family in detail, including its look and feel, supported styles, weights and how to use it.
| Argument | Type | Description |
|---|---|---|
| platform* | string | Required. The platform in which the font family is going to be used. |
| fontFamily* | string | Required. The full name of the font family to describe. Example: "Roboto", "Noto Sans". |
{
"type": "object",
"required": [
"fontFamily",
"platform"
],
"properties": {
"platform": {
"enum": [
"PLATFORM_UNSPECIFIED",
"PLATFORM_ANDROID",
"PLATFORM_WEB"
],
"type": "string",
"description": "Required. The platform in which the font family is going to be used.",
"x-google-enum-descriptions": [
"Default value (not specifying usually defaults to web)",
"Android platform",
"Web platform"
]
},
"fontFamily": {
"type": "string",
"description": "Required. The full name of the font family to describe. Example: \"Roboto\", \"Noto Sans\"."
}
},
"description": "Request message for the `DescribeFont` method. Used to retrieve detailed metadata and usage guidance for a specific font."
}Generates a Material Design color scheme from one or more key colors. Always use this when you need to create a color scheme for an application. The input is one or more named colors in hex format, and the output is a color scheme with a map of color role names to colors in hex format.
| Argument | Type | Description |
|---|---|---|
| primaryKey* | string | Required. The primary key color used as the main seed for the scheme. Can be a 6-character hex code (e.g., "#4285F4" or "4285F4"), or any standard CSS color name (e.g., "blue"). |
| tertiaryKey | string | Optional. The tertiary key color used to generate the color scheme. If omitted, it will be automatically derived from the other keys. Can be a hex code or any CSS color name. |
| secondaryKey | string | Optional. The secondary key color used to generate the color scheme. If omitted, it will be automatically derived from the other keys. Can be a hex code or any CSS color name. |
| backgroundKey | string | Optional. The neutral key color used to generate the color scheme. If omitted, it will be automatically derived from the other keys. Can be a hex code or any CSS color name. |
| contrastLevel | number | Optional. The contrast level of the color scheme. Values range from -1 (minimum contrast) to 1 (maximum contrast). 0 represents standard contrast (i.e. the design as specified). |
Provides essential and critical instructions on how to use Material Icons and Material Symbols efficiently on Web.
No arguments.
{
"type": "object",
"properties": {}
}Finds appropriate fonts matching categories and/or languages.
| Argument | Type | Description |
|---|---|---|
| sort | string | Optional. The sort order for the returned font families. Defaults to POPULARITY_DESCENDING if unspecified. |
| platform* | string | Required. The platform in which the font family is going to be used. |
| languages | array | Optional. Language tags in BCP47 format to filter fonts that support specific scripts (e.g., "en_Latn", "zh_Hans"). |
| categories | array | Optional. One or more categories to filter font families |
{
"type": "object",
"required": [
"platform"
],
"properties": {
"sort": {
"enum": [
"SORT_UNSPECIFIED",
"POPULARITY_DESCENDING",
"POPULARITY_ASCENDING",
"TRENDING_DESCENDING",
"TRENDING_ASCENDING",
"NAME_ASCENDING",
"NAME_DESCENDING",
"DATE_ADDED_ASCENDING",
"DATE_ADDED_DESCENDING"
],
"type": "string",
"description": "Optional. The sort order for the returned font families. Defaults to POPULARITY_DESCENDING if unspecified.",
"x-google-enum-descriptions": [
"Unspecified sort order. Defaults to POPULARITY_DESCENDING.",
"Sort by popularity, most popular first.",
"Sort by popularity, least popular first.",
"Sort by trending, most trending first.",
"Sort by trending, least trending first.",
"Sort by name, A-Z.",
"Sort by name, Z-A.",
"Sort by date added, oldest first.",
"Sort by date added, newest first."
]
},
"platform": {
"enum": [
"PLATFORM_UNSPECIFIED",
"PLATFORM_ANDROID",
"PLATFORM_WEB"
],
"type": "string",
"description": "Required. The platform in which the font family is going to be used.",
"x-google-enum-descriptions": [
"Default value (not specifying usually defaults to web)",
"Android platform",
"Web platform"
]
},
"languages": {
"type": "array",
"items": {
"type": "string"
},
"description": "Optional. Language tags in BCP47 format to filter fonts that support specific scripts (e.g., \"en_Latn\", \"zh_Hans\")."
},
"categories": {
"type": "array",
"items": {
"type": "string"
},
"description": "Optional. One or more categories to filter font families"
}
},
"description": "Request message for the `FindFonts` method. Used to discover Google Fonts based on categories or supported languages."
}Finds appropriate Material Design icons matching keywords that describe their usage, style, or shape.
| Argument | Type | Description |
|---|---|---|
| tags* | array | Required. A list of semantic keywords or metadata tags that describe the desired icon's visual or functional properties. If possible, specify at least three tags to describe usage, style, and shape. Examples: - For a "save" icon: ["save", "diskette", "document", "storage"] - For a "home" icon: ["home", "house", "building"] If multiple tags are provided, the service returns icons that match any part of the tag list, ordered by relevance (number of matching tags). If no tags are provided, all icons are returned. |
| iconSet | string | Optional. The icon set to search within (e.g., "Material Symbols", "Material Icons"). If omitted, the default icon set of the environment is used. |
{
"type": "object",
"required": [
"tags"
],
"properties": {
"tags": {
"type": "array",
"items": {
"type": "string"
},
"description": "Required. A list of semantic keywords or metadata tags that describe the desired icon's visual or functional properties. If possible, specify at least three tags to describe usage, style, and shape. Examples: - For a \"save\" icon: [\"save\", \"diskette\", \"document\", \"storage\"] - For a \"home\" icon: [\"home\", \"house\", \"building\"] If multiple tags are provided, the service returns icons that match any part of the tag list, ordered by relevance (number of matching tags). If no tags are provided, all icons are returned."
},
"iconSet": {
"type": "string",
"description": "Optional. The icon set to search within (e.g., \"Material Symbols\", \"Material Icons\"). If omitted, the default icon set of the environment is used."
}
},
"description": "Request message for the `FindIcons` method. Used to search for Material Design icons or symbols based on semantic tags."
}| optionalTheme |
| string |
| Optional. Whether to generate a light or dark theme. If unspecified, and a background key is supplied, it will be inferred from that. If not, it will default to light theme. |
| optionalSchemeVariant | string | Optional. If only the primary key color is supplied, this will select which variant of the color scheme to use. If only the primary key color is supplied and this is not set, it defaults to "TONAL_SPOT". If multiple key colors are supplied, this is ignored, and it will default to "BRAND". |
{
"type": "object",
"required": [
"primaryKey"
],
"properties": {
"primaryKey": {
"type": "string",
"description": "Required. The primary key color used as the main seed for the scheme. Can be a 6-character hex code (e.g., \"#4285F4\" or \"4285F4\"), or any standard CSS color name (e.g., \"blue\")."
},
"tertiaryKey": {
"type": "string",
"description": "Optional. The tertiary key color used to generate the color scheme. If omitted, it will be automatically derived from the other keys. Can be a hex code or any CSS color name."
},
"secondaryKey": {
"type": "string",
"description": "Optional. The secondary key color used to generate the color scheme. If omitted, it will be automatically derived from the other keys. Can be a hex code or any CSS color name."
},
"backgroundKey": {
"type": "string",
"description": "Optional. The neutral key color used to generate the color scheme. If omitted, it will be automatically derived from the other keys. Can be a hex code or any CSS color name."
},
"contrastLevel": {
"type": "number",
"format": "double",
"description": "Optional. The contrast level of the color scheme. Values range from -1 (minimum contrast) to 1 (maximum contrast). 0 represents standard contrast (i.e. the design as specified)."
},
"optionalTheme": {
"enum": [
"UNSPECIFIED_THEME",
"LIGHT",
"DARK"
],
"type": "string",
"description": "Optional. Whether to generate a light or dark theme. If unspecified, and a background key is supplied, it will be inferred from that. If not, it will default to light theme.",
"x-google-enum-descriptions": [
"",
"",
""
]
},
"optionalSchemeVariant": {
"enum": [
"UNSPECIFIED_VARIANT",
"TONAL_SPOT",
"MONOCHROME",
"NEUTRAL",
"VIBRANT",
"EXPRESSIVE",
"FIDELITY",
"CONTENT",
"BRAND"
],
"type": "string",
"description": "Optional. If only the primary key color is supplied, this will select which variant of the color scheme to use. If only the primary key color is supplied and this is not set, it defaults to \"TONAL_SPOT\". If multiple key colors are supplied, this is ignored, and it will default to \"BRAND\".",
"x-google-enum-descriptions": [
"",
"",
"",
"",
"",
"",
"",
"",
""
]
}
},
"description": "Request message for `GenerateColorScheme`."
}