create-app-card-item
Generate and position app cards on a Miro board with customizable titles, descriptions, statuses, and fields. Define card dimensions and location for streamlined visual organization.
Instructions
Create a new app card item on a Miro board
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| boardId | Yes | Unique identifier (ID) of the board where the app card will be created | |
| data | Yes | The content and configuration of the app card | |
| geometry | No | Dimensions of the app card | |
| position | Yes | Position of the app card on the board |
Input Schema (JSON Schema)
{
"$schema": "http://json-schema.org/draft-07/schema#",
"additionalProperties": false,
"properties": {
"boardId": {
"description": "Unique identifier (ID) of the board where the app card will be created",
"type": "string"
},
"data": {
"additionalProperties": false,
"description": "The content and configuration of the app card",
"properties": {
"description": {
"description": "Description of the app card",
"type": "string"
},
"fields": {
"description": "Custom fields to display on the app card",
"items": {
"additionalProperties": false,
"properties": {
"fillColor": {
"description": "Fill color of the field",
"type": "string"
},
"iconShape": {
"description": "Shape of the icon",
"type": "string"
},
"textColor": {
"description": "Color of the text",
"type": "string"
},
"value": {
"description": "Value of the field",
"type": "string"
}
},
"required": [
"value"
],
"type": "object"
},
"type": "array"
},
"status": {
"description": "Status text of the app card",
"type": "string"
},
"title": {
"description": "Title of the app card",
"type": "string"
}
},
"required": [
"title"
],
"type": "object"
},
"geometry": {
"additionalProperties": false,
"description": "Dimensions of the app card",
"properties": {
"height": {
"description": "Height of the app card",
"type": "number"
},
"width": {
"description": "Width of the app card",
"type": "number"
}
},
"type": "object"
},
"position": {
"additionalProperties": false,
"description": "Position of the app card on the board",
"properties": {
"x": {
"description": "X coordinate of the app card",
"type": "number"
},
"y": {
"description": "Y coordinate of the app card",
"type": "number"
}
},
"required": [
"x",
"y"
],
"type": "object"
}
},
"required": [
"boardId",
"data",
"position"
],
"type": "object"
}
Implementation Reference
- src/tools/createAppCardItem.ts:34-71 (handler)The handler function that executes the tool logic: validates inputs, constructs AppCardCreateRequest using Miro API models, calls MiroClient to create the app card item on the specified board, and returns the result or error.fn: async ({boardId, data, position, geometry}) => { try { if (!boardId) { return ServerResponse.error("Board ID is required"); } const createRequest = new AppCardCreateRequest(); const appCardData = new AppCardDataChanges(); appCardData.title = data.title; if (data.description !== undefined) appCardData.description = data.description; if (data.status !== undefined) appCardData.status = data.status; if (data.fields) { appCardData.fields = data.fields.map(field => { const customField = new CustomField(); customField.value = field.value; if (field.iconShape) customField.iconShape = field.iconShape; if (field.fillColor) customField.fillColor = field.fillColor; if (field.textColor) customField.textColor = field.textColor; return customField; }); } createRequest.data = appCardData; createRequest.position = position; if (geometry) { createRequest.geometry = geometry; } const result = await MiroClient.getApi().createAppCardItem(boardId, createRequest); return ServerResponse.text(JSON.stringify(result, null, 2)); } catch (error) { return ServerResponse.error(error); } }
- src/tools/createAppCardItem.ts:12-33 (schema)Zod schema defining the input parameters: boardId, data (title, description, status, fields), position (x,y), and optional geometry (width, height).args: { boardId: z.string().describe("Unique identifier (ID) of the board where the app card will be created"), data: z.object({ title: z.string().describe("Title of the app card"), description: z.string().optional().nullish().describe("Description of the app card"), status: z.string().optional().nullish().describe("Status text of the app card"), fields: z.array(z.object({ value: z.string().describe("Value of the field"), iconShape: z.string().optional().nullish().describe("Shape of the icon"), fillColor: z.string().optional().nullish().describe("Fill color of the field"), textColor: z.string().optional().nullish().describe("Color of the text"), })).optional().nullish().describe("Custom fields to display on the app card") }).describe("The content and configuration of the app card"), position: z.object({ x: z.number().describe("X coordinate of the app card"), y: z.number().describe("Y coordinate of the app card") }).describe("Position of the app card on the board"), geometry: z.object({ width: z.number().optional().nullish().describe("Width of the app card"), height: z.number().optional().nullish().describe("Height of the app card") }).optional().nullish().describe("Dimensions of the app card") },
- src/index.ts:121-121 (registration)Registers the createAppCardItemTool with the ToolBootstrapper instance to make it available in the MCP server..register(createAppCardItemTool)
- src/index.ts:20-20 (registration)Imports the tool definition from its module for registration.import createAppCardItemTool from './tools/createAppCardItem.js';