Tool tree
giffium.com exposes WebMCP tools to AI agents.
Implementation
gradeNot graded
gradeNot graded
set_codeAction
Set the start or end code snippet for the code diff.
View tool JSON
{
"name": "set_code",
"kind": "act",
"impl": "imperative",
"description": "Set the start or end code snippet for the code diff.",
"inputSchema": {
"type": "object",
"properties": {
"side": {
"type": "string",
"enum": [
"start",
"end"
],
"description": "Which snippet to set: \"start\" (before the diff) or \"end\" (after the diff)"
},
"code": {
"type": "string",
"description": "The full code content for the snippet"
}
},
"required": [
"side",
"code"
],
"additionalProperties": false
}
}update_styleAction
Update style settings for the code snippet. Only the provided fields are changed. Call list_options for valid theme, language, and font values.
View tool JSON
{
"name": "update_style",
"kind": "act",
"impl": "imperative",
"description": "Update style settings for the code snippet. Only the provided fields are changed. Call list_options for valid theme, language, and font values.",
"inputSchema": {
"type": "object",
"properties": {
"title": {
"type": "string",
"description": "Snippet title"
},
"snippetWidth": {
"type": "number",
"description": "Snippet width in pixels (0-1500)"
},
"yPadding": {
"type": "number",
"description": "Vertical padding in pixels (0-200)"
},
"xPadding": {
"type": "number",
"description": "Horizontal padding in pixels (0-200)"
},
"shadowEnabled": {
"type": "boolean",
"description": "Show the snippet shadow"
},
"shadowOffsetY": {
"type": "number",
"description": "Shadow vertical offset in pixels"
},
"shadowBlur": {
"type": "number",
"description": "Shadow blur in pixels (0-200)"
},
"shadowColor": {
"type": "string",
"description": "Shadow color as hex, e.g. \"#000000\""
},
"shadowOpacity": {
"type": "number",
"description": "Shadow opacity between 0 and 1"
},
"bgType": {
"type": "string",
"enum": [
"solid",
"linearGradient"
],
"description": "Background type"
},
"bgGradientColorStart": {
"type": "string",
"description": "Gradient start color as hex"
},
"bgGradientColorEnd": {
"type": "string",
"description": "Gradient end color as hex"
},
"bgGradientDirection": {
"type": "number",
"description": "Gradient direction in degrees (0-359)"
},
"bgColor": {
"type": "string",
"description": "Solid background color as hex"
},
"language": {
"type": "string",
"description": "Code language id — call list_options with kind=\"language\" for valid values"
},
"theme": {
"type": "string",
"description": "Syntax highlighting theme — call list_options with kind=\"theme\" for valid values"
},
"fontSize": {
"type": "number",
"description": "Font size in pixels (1-64)"
},
"fontFamily": {
"type": "string",
"description": "Font family — call list_options with kind=\"font\" for valid values"
}
},
"additionalProperties": false
}
}get_settingsAnswer
Get the current editor settings (code snippets and style settings).
View tool JSON
{
"name": "get_settings",
"kind": "answer",
"impl": "imperative",
"description": "Get the current editor settings (code snippets and style settings).",
"inputSchema": {
"type": "object",
"properties": {},
"additionalProperties": false
}
}list_optionsAnswer
List valid option values for theme, language, font, or background type.
View tool JSON
{
"name": "list_options",
"kind": "answer",
"impl": "imperative",
"description": "List valid option values for theme, language, font, or background type.",
"inputSchema": {
"type": "object",
"properties": {
"kind": {
"type": "string",
"enum": [
"theme",
"language",
"font",
"bgType"
],
"description": "Which option list to return"
}
},
"required": [
"kind"
],
"additionalProperties": false
}
}generate_gifAction
Generate the animated GIF from the current start/end code and style, and open the result dialog. The user downloads the GIF from the dialog.
View tool JSON
{
"name": "generate_gif",
"kind": "act",
"impl": "imperative",
"description": "Generate the animated GIF from the current start/end code and style, and open the result dialog. The user downloads the GIF from the dialog.",
"inputSchema": {
"type": "object",
"properties": {},
"additionalProperties": false
}
}create_diff_gifAction
One-shot: set the start/end code, optionally apply a style patch, generate the GIF, and open the result dialog. Prefer the granular tools (set_code, update_style, generate_gif) when adjusting iteratively.
View tool JSON
{
"name": "create_diff_gif",
"kind": "act",
"impl": "imperative",
"description": "One-shot: set the start/end code, optionally apply a style patch, generate the GIF, and open the result dialog. Prefer the granular tools (set_code, update_style, generate_gif) when adjusting iteratively.",
"inputSchema": {
"type": "object",
"properties": {
"startCode": {
"type": "string",
"description": "The code before the diff"
},
"endCode": {
"type": "string",
"description": "The code after the diff"
},
"style": {
"type": "object",
"description": "Optional style patch with the same fields as update_style. Call list_options for valid theme/language/font values."
}
},
"required": [
"startCode",
"endCode"
],
"additionalProperties": false
}
}