Marp MCP Server

import type { SlideLayout } from "../../../themes/types.js";

export const highlightBoxLayout: SlideLayout = {
  name: "highlight-box",
  description: "Centered gradient message box for key takeaways or announcements",
  params: {
    heading: {
      type: "string",
      description: "Box heading",
      required: true,
      maxLength: 80,
    },
    content: {
      type: "string",
      description: "Box content text",
      required: false,
      maxLength: 500,
    },
  },
  template: (params) => {
    let inner = `<h3>${params.heading}</h3>`;
    if (params.content) {
      inner += `\n<p>${params.content}</p>`;
    }
    return `<div class="highlight-box">\n${inner}\n</div>`;
  },
};