@sanity-labs/slides 0.0.0

package/dist/mcp/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../src/mcp/schema.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,eAAe,EAA0C,MAAM,oBAAoB,CAAC;AAI7F,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AA2BhD;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,aAAqB,EACrB,SAA4B,EAC5B,UAAmB,EACN,EAAE;IACf,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC;IAC1C,MAAM,eAAe,GAAG,eAAe,CAAC,SAAS,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;IAC/E,OAAO;QACL,IAAI,EAAE,iBAAiB,CAAC,aAAa,EAAE,UAAU,CAAC;QAClD,WAAW,EAAE,SAAS,CAAC,WAAW;QAClC,UAAU;QACV,WAAW,EAAE,SAAS,CAAC,MAAM;QAC7B,eAAe;QACf,aAAa;KACd,CAAC;AACJ,CAAC,CAAC;AAEF,oDAAoD;AACpD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAAe,EAAE,UAAmB,EAAiB,EAAE,CAC1F,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,EAAE,CACzD,eAAe,CAAC,IAAI,EAAE,SAAS,EAAE,UAAU,CAAC,CAC7C,CAAC;AAEJ;;;;;;;;GAQG;AACH,MAAM,mBAAmB,GAAoC;IAC3D,MAAM,EAAE,aAAa;IACrB,YAAY,EAAE,MAAM;CACrB,CAAC"}

package/dist/mcp/server.d.ts

@@ -0,0 +1,63 @@
+/**
+ * The template-agnostic MCP server framework.
+ *
+ * createSlideServer({ template, runtime }) builds an McpServer that exposes
+ * three kinds of tools:
+ *
+ * 1. **`slides_list`** — returns the list of slide types the loaded template
+ *    supports, with descriptions. One round-trip to discover the surface.
+ *
+ * 2. **One tool per slide type**, named `<toolPrefix><snake_case>` (default
+ *    prefix `slides_add_`). Validates user-supplied props against the
+ *    component's Zod schema and echoes them back as a slide spec. Used
+ *    iteratively by an LLM to assemble a deck before calling `slides_create`.
+ *
+ * 3. **`slides_create`** — full pipeline. Takes `{ title, slides }`, renders
+ *    via the reconciler, applies through the PPTX runtime, writes the .pptx
+ *    file to disk, and returns the path.
+ */
+import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
+import type { Transport } from '@modelcontextprotocol/sdk/shared/transport.js';
+import type { SlidesRuntime, Template } from '../core/index.js';
+import { type DerivedTool } from './schema.js';
+/** Configuration accepted by createSlideServer. */
+export interface SlideServerConfig {
+    /** The template (component vocabulary + tokens) the server exposes. */
+    readonly template: Template;
+    /** The PPTX runtime used to materialize presentations. */
+    readonly runtime: SlidesRuntime;
+    /**
+     * Override the server's reported name/version. Defaults to a name derived
+     * from the template and version `'0.1.0'`.
+     */
+    readonly serverInfo?: {
+        readonly name: string;
+        readonly version: string;
+    };
+    /**
+     * Override the per-slide-type tool-name prefix. Default: `'slides_add_'`.
+     * Use this when the server emits something other than slide decks (a
+     * report-builder might use `'report_add_'`, etc.).
+     */
+    readonly toolPrefix?: string;
+}
+/** Options accepted by server.start. */
+export type StartOptions = {
+    readonly transport: 'stdio';
+};
+/** The handle returned by createSlideServer. */
+export interface SlideServer {
+    /** The underlying MCP server. Exposed for advanced callers. */
+    readonly mcp: McpServer;
+    /** Tool definitions derived from the template. */
+    readonly tools: ReadonlyArray<DerivedTool>;
+    /** Connect to the given transport. Lower-level than start. */
+    connect(transport: Transport): Promise<void>;
+    /** Start serving over the configured transport. */
+    start(options: StartOptions): Promise<void>;
+    /** Close the server and disconnect any active transport. */
+    close(): Promise<void>;
+}
+/** Construct a template-locked MCP server. */
+export declare const createSlideServer: (config: SlideServerConfig) => SlideServer;
+//# sourceMappingURL=server.d.ts.map

package/dist/mcp/server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/mcp/server.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+CAA+C,CAAC;AAG/E,OAAO,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGhE,OAAO,EAAwB,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAErE,mDAAmD;AACnD,MAAM,WAAW,iBAAiB;IAChC,uEAAuE;IACvE,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC5B,0DAA0D;IAC1D,QAAQ,CAAC,OAAO,EAAE,aAAa,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1E;;;;OAIG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,wCAAwC;AACxC,MAAM,MAAM,YAAY,GAAG;IAAE,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;AAE3D,gDAAgD;AAChD,MAAM,WAAW,WAAW;IAC1B,+DAA+D;IAC/D,QAAQ,CAAC,GAAG,EAAE,SAAS,CAAC;IACxB,kDAAkD;IAClD,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAC3C,8DAA8D;IAC9D,OAAO,CAAC,SAAS,EAAE,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,mDAAmD;IACnD,KAAK,CAAC,OAAO,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,4DAA4D;IAC5D,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CACxB;AAED,8CAA8C;AAC9C,eAAO,MAAM,iBAAiB,GAAI,QAAQ,iBAAiB,KAAG,WA4B7D,CAAC"}

package/dist/mcp/server.js

@@ -0,0 +1,196 @@
+/**
+ * The template-agnostic MCP server framework.
+ *
+ * createSlideServer({ template, runtime }) builds an McpServer that exposes
+ * three kinds of tools:
+ *
+ * 1. **`slides_list`** — returns the list of slide types the loaded template
+ *    supports, with descriptions. One round-trip to discover the surface.
+ *
+ * 2. **One tool per slide type**, named `<toolPrefix><snake_case>` (default
+ *    prefix `slides_add_`). Validates user-supplied props against the
+ *    component's Zod schema and echoes them back as a slide spec. Used
+ *    iteratively by an LLM to assemble a deck before calling `slides_create`.
+ *
+ * 3. **`slides_create`** — full pipeline. Takes `{ title, slides }`, renders
+ *    via the reconciler, applies through the PPTX runtime, writes the .pptx
+ *    file to disk, and returns the path.
+ */
+import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js';
+import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js';
+import { z } from 'zod';
+import { errorResult, zodErrorResult } from './errors.js';
+import { renderSlides } from './render.js';
+import { deriveComponentTools } from './schema.js';
+/** Construct a template-locked MCP server. */
+export const createSlideServer = (config) => {
+    const { template, runtime } = config;
+    const serverInfo = config.serverInfo ?? {
+        name: 'react-pptx-mcp:' + template.name,
+        version: '0.1.0',
+    };
+    const mcp = new McpServer(serverInfo);
+    const tools = deriveComponentTools(template, config.toolPrefix);
+    registerListTool(mcp, template, tools);
+    registerComponentTools(mcp, tools);
+    registerCreateTool(mcp, runtime, template);
+    return {
+        mcp,
+        tools,
+        connect: (transport) => mcp.connect(transport),
+        start: async (options) => {
+            switch (options.transport) {
+                case 'stdio': {
+                    await mcp.connect(new StdioServerTransport());
+                    return;
+                }
+            }
+        },
+        close: () => mcp.close(),
+    };
+};
+// ---------------------------------------------------------------------------
+// slides_list
+// ---------------------------------------------------------------------------
+const LIST_OUTPUT_SHAPE = {
+    template: z.string().describe('The name of the loaded template.'),
+    slides: z
+        .array(z.object({
+        name: z.string().describe('Slide-type name, e.g. "Cover".'),
+        toolName: z.string().describe('MCP tool name for this slide type.'),
+        description: z.string().describe('When to use this slide type.'),
+    }))
+        .describe('Every slide type the template exposes.'),
+};
+const registerListTool = (mcp, template, tools) => {
+    mcp.registerTool('slides_list', {
+        description: 'List every slide type this template supports, with descriptions and the per-type tool names. ' +
+            'Call once at the start of a deck-building session to learn the surface.',
+        outputSchema: LIST_OUTPUT_SHAPE,
+        annotations: {
+            readOnlyHint: true,
+            destructiveHint: false,
+            idempotentHint: true,
+            openWorldHint: false,
+        },
+    }, async () => {
+        const slides = tools.map((t) => ({
+            name: t.componentName,
+            toolName: t.name,
+            description: t.description,
+        }));
+        const lines = [
+            `Template: ${template.name}`,
+            '',
+            'Available slide types:',
+            ...slides.map((s) => `  • ${s.name} (${s.toolName}) — ${s.description}`),
+            '',
+            'Call slides_add_<type> to validate a single slide. ' +
+                'Call slides_create with an array of slide specs to write a .pptx file.',
+        ].join('\n');
+        return {
+            content: [{ type: 'text', text: lines }],
+            structuredContent: { template: template.name, slides },
+        };
+    });
+};
+// ---------------------------------------------------------------------------
+// slides_add_<component>
+// ---------------------------------------------------------------------------
+const COMPONENT_OUTPUT_SHAPE = {
+    slide: z
+        .object({
+        component: z.string(),
+        props: z.record(z.unknown()),
+    })
+        .describe('A single validated slide spec, ready to be passed to slides_create.'),
+};
+const registerComponentTools = (mcp, tools) => {
+    for (const tool of tools) {
+        mcp.registerTool(tool.name, {
+            description: tool.description,
+            inputSchema: tool.inputShape,
+            outputSchema: COMPONENT_OUTPUT_SHAPE,
+            annotations: {
+                readOnlyHint: true,
+                destructiveHint: false,
+                idempotentHint: true,
+                openWorldHint: false,
+            },
+        }, async (rawProps) => {
+            const parsed = tool.inputSchema.safeParse(rawProps);
+            if (!parsed.success) {
+                return zodErrorResult(`Validation error in ${tool.name} props:`, parsed.error, "Refer to this tool's input schema and retry.");
+            }
+            return {
+                content: [
+                    {
+                        type: 'text',
+                        text: `Validated ${tool.componentName} props. ` +
+                            `Pass { component: "${tool.componentName}", props: <these> } ` +
+                            `as one entry of slides_create.slides.`,
+                    },
+                ],
+                structuredContent: {
+                    slide: { component: tool.componentName, props: parsed.data },
+                },
+            };
+        });
+    }
+};
+// ---------------------------------------------------------------------------
+// slides_create
+// ---------------------------------------------------------------------------
+const SLIDE_SPEC_SCHEMA = z
+    .object({
+    component: z.string().min(1).describe('The slide-type name, e.g. "Cover".'),
+    props: z
+        .record(z.unknown())
+        .describe("Props matching that slide type's input schema (see slides_add_<type>)."),
+})
+    .describe('One slide to add. Same shape as the structuredContent of slides_add_<type>.');
+const CREATE_INPUT_SHAPE = {
+    title: z.string().min(1).describe('Deck title — used as the .pptx filename stem.'),
+    slides: z.array(SLIDE_SPEC_SCHEMA).min(1).describe('The slides to write, in order.'),
+};
+const CREATE_OUTPUT_SHAPE = {
+    filePath: z.string().describe('Absolute path to the generated .pptx file.'),
+    slideCount: z.number().int().nonnegative(),
+};
+const registerCreateTool = (mcp, runtime, template) => {
+    mcp.registerTool('slides_create', {
+        description: 'Generate a template-locked .pptx presentation from a sequence of slide specs and write it to disk. ' +
+            'Returns the absolute file path. Each spec is { component, props } — ' +
+            'use the per-type slides_add_<type> tools first to discover schemas and validate props.',
+        inputSchema: CREATE_INPUT_SHAPE,
+        outputSchema: CREATE_OUTPUT_SHAPE,
+        annotations: {
+            readOnlyHint: false,
+            destructiveHint: false,
+            idempotentHint: false,
+            openWorldHint: false,
+        },
+    }, async (input) => {
+        const result = await renderSlides({
+            template,
+            runtime,
+            title: input.title,
+            slides: input.slides,
+        });
+        if (result.ok) {
+            const slideWord = result.slideCount === 1 ? 'slide' : 'slides';
+            return {
+                content: [
+                    {
+                        type: 'text',
+                        text: `Wrote ${result.slideCount} ${slideWord} to ${result.filePath}.`,
+                    },
+                ],
+                structuredContent: { filePath: result.filePath, slideCount: result.slideCount },
+            };
+        }
+        const hint = result.code === 'validation_error' ? ' Fix the listed fields and retry slides_create.' : '';
+        return errorResult(result.code, result.message + hint, result.issues);
+    });
+};
+//# sourceMappingURL=server.js.map

package/dist/mcp/server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"server.js","sourceRoot":"","sources":["../../src/mcp/server.ts"],"names":[],"mappings":"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"}

package/dist/scaffold/index.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Programmatic scaffolder. The `slidesctl scaffold <dir>` subcommand wraps
+ * this; the same API is exposed at `@sanity-labs/slides/scaffold` so it can
+ * be driven by other tooling.
+ *
+ * The scaffold stamps every file under `template-base/` into the target
+ * directory, applying `__NAME__` / `__IDENT__` substitutions and renaming
+ * the `_gitignore` placeholder back to `.gitignore`.
+ */
+export type ScaffoldOptions = {
+    /** Target directory; created if missing. Must be empty if it exists. */
+    readonly target: string;
+    /** Template name (used as the package name + Template `name` field). */
+    readonly name: string;
+};
+export type ScaffoldResult = {
+    readonly targetPath: string;
+    readonly fileCount: number;
+};
+/**
+ * Stamp the template-base into `target`, applying the substitutions.
+ *
+ * Throws if `target` exists and is non-empty.
+ */
+export declare const scaffoldTemplate: (options: ScaffoldOptions) => ScaffoldResult;
+/**
+ * Convert a kebab-case template name into a camelCase JS identifier. Used
+ * as the `__IDENT__` substitution in stamped files (e.g. the exported
+ * `Template` const).
+ */
+export declare const toIdentifier: (name: string) => string;
+/**
+ * Validate a template name. Returns an error message string when invalid,
+ * `undefined` when ok. Used by interactive prompts.
+ */
+export declare const validateName: (value: string) => string | undefined;
+/** Infer a default template name from a target path. */
+export declare const defaultName: (target: string) => string;
+//# sourceMappingURL=index.d.ts.map

package/dist/scaffold/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scaffold/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AASH,MAAM,MAAM,eAAe,GAAG;IAC5B,wEAAwE;IACxE,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,wEAAwE;IACxE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,GAAI,SAAS,eAAe,KAAG,cAU3D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,KAAG,MACqB,CAAC;AAElE;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,KAAG,MAAM,GAAG,SAMrD,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,KAAG,MAG5C,CAAC"}

package/dist/scaffold/index.js

@@ -0,0 +1,84 @@
+/**
+ * Programmatic scaffolder. The `slidesctl scaffold <dir>` subcommand wraps
+ * this; the same API is exposed at `@sanity-labs/slides/scaffold` so it can
+ * be driven by other tooling.
+ *
+ * The scaffold stamps every file under `template-base/` into the target
+ * directory, applying `__NAME__` / `__IDENT__` substitutions and renaming
+ * the `_gitignore` placeholder back to `.gitignore`.
+ */
+import { existsSync, mkdirSync, readFileSync, readdirSync, statSync, writeFileSync } from 'node:fs';
+import { dirname, join, resolve as resolvePath } from 'node:path';
+import { fileURLToPath } from 'node:url';
+const HERE = dirname(fileURLToPath(import.meta.url));
+const TEMPLATE_BASE = resolvePath(HERE, 'template-base');
+/**
+ * Stamp the template-base into `target`, applying the substitutions.
+ *
+ * Throws if `target` exists and is non-empty.
+ */
+export const scaffoldTemplate = (options) => {
+    const targetPath = resolvePath(process.cwd(), options.target);
+    if (existsSync(targetPath) && readdirSync(targetPath).length > 0) {
+        throw new Error(`Target directory "${targetPath}" already exists and is not empty.`);
+    }
+    copyTemplate(TEMPLATE_BASE, targetPath, {
+        __NAME__: options.name,
+        __IDENT__: toIdentifier(options.name),
+    });
+    return { targetPath, fileCount: countFiles(targetPath) };
+};
+/**
+ * Convert a kebab-case template name into a camelCase JS identifier. Used
+ * as the `__IDENT__` substitution in stamped files (e.g. the exported
+ * `Template` const).
+ */
+export const toIdentifier = (name) => name.replace(/-([a-z0-9])/g, (_, c) => c.toUpperCase());
+/**
+ * Validate a template name. Returns an error message string when invalid,
+ * `undefined` when ok. Used by interactive prompts.
+ */
+export const validateName = (value) => {
+    if (!value)
+        return 'Required';
+    if (!/^[a-z0-9][a-z0-9-]*$/.test(value)) {
+        return 'Must start with a letter or digit and contain only [a-z0-9-].';
+    }
+    return undefined;
+};
+/** Infer a default template name from a target path. */
+export const defaultName = (target) => {
+    const last = (target ?? './my-template').split('/').filter(Boolean).pop() ?? 'my-template';
+    return last.replace(/[^a-z0-9-]/gi, '-').toLowerCase();
+};
+const copyTemplate = (src, dst, replacements) => {
+    mkdirSync(dst, { recursive: true });
+    for (const entry of readdirSync(src)) {
+        const srcEntry = join(src, entry);
+        const dstEntry = join(dst, denormaliseFilename(entry));
+        if (statSync(srcEntry).isDirectory()) {
+            copyTemplate(srcEntry, dstEntry, replacements);
+            continue;
+        }
+        writeFileSync(dstEntry, applyReplacements(readFileSync(srcEntry, 'utf8'), replacements));
+    }
+};
+const denormaliseFilename = (name) => (name === '_gitignore' ? '.gitignore' : name);
+const applyReplacements = (content, replacements) => {
+    let out = content;
+    for (const [from, to] of Object.entries(replacements))
+        out = out.split(from).join(to);
+    return out;
+};
+const countFiles = (dir) => {
+    let n = 0;
+    for (const entry of readdirSync(dir)) {
+        const full = join(dir, entry);
+        if (statSync(full).isDirectory())
+            n += countFiles(full);
+        else
+            n += 1;
+    }
+    return n;
+};
+//# sourceMappingURL=index.js.map

package/dist/scaffold/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/scaffold/index.ts"],"names":[],"mappings":"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"}

package/dist/scaffold/template-base/README.md

@@ -0,0 +1,134 @@
+# **NAME**
+
+A react-pptx template. The brand lives in JSX; an LLM (Claude, anything that
+speaks MCP) drives it through the generic `react-pptx-mcp` server without
+ever touching fonts, colors, or layout.
+
+## Develop
+
+```bash
+pnpm install
+pnpm dev
+```
+
+Opens the hot-reloading viewer at <http://localhost:5173>. Edit anything
+under `src/` and the page updates.
+
+## Anatomy
+
+```
+src/
+├── index.ts             # Template value — tokens, fonts, components map
+├── preview.tsx          # Canonical slide order shown in the viewer
+└── components/          # Slide components, each one a Zod schema + JSX
+```
+
+The Zod schema on every component is what Claude sees as the tool input
+schema. Field descriptions become the LLM-facing documentation. Drop a
+new component into `src/components/` and `defineTemplateComponent({...})`
+in `src/index.ts` — that's the entire authoring loop.
+
+## Generate a deck from the CLI
+
+After editing, build once and then invoke the generic CLI against your
+template:
+
+```bash
+pnpm build
+echo '{
+  "title": "Q2 Review",
+  "slides": [{ "component": "Cover", "props": { "title": "Q2 Review" } }]
+}' | pnpm generate --output ~/Desktop
+# /Users/you/Desktop/Q2-Review.pptx
+```
+
+`pnpm generate` is a thin wrapper around `react-pptx-mcp generate --template
+./dist/index.js`.
+
+## Plug this template into Claude Desktop
+
+No global install. No per-template binary. Use `npx` so Claude pulls the
+generic MCP server straight from npm.
+
+Add to `~/Library/Application Support/Claude/claude_desktop_config.json`
+(or the equivalent on your OS):
+
+```json
+{
+  "mcpServers": {
+    "__NAME__-slides": {
+      "command": "npx",
+      "args": [
+        "-y",
+        "react-pptx-mcp",
+        "serve",
+        "--template",
+        "/absolute/path/to/__NAME__/dist/index.js",
+        "--output",
+        "/Users/you/Desktop"
+      ]
+    }
+  }
+}
+```
+
+Restart Claude. Three tools appear, auto-derived from this template:
+
+| Tool                | Purpose                                                          |
+| ------------------- | ---------------------------------------------------------------- |
+| `slides_list`       | Lists every slide type, with descriptions.                       |
+| `slides_add_<type>` | Validates a single slide's props against the Zod schema.         |
+| `slides_create`     | Takes `{ title, slides }`, writes the `.pptx`, returns the path. |
+
+Ask Claude:
+
+> "Make me a 5-slide Q2 review deck with this template."
+
+Whenever you edit the template, run `pnpm build` and Claude will pick up
+the changes on its next request.
+
+### Want Claude to know the conventions up front?
+
+Drop the bundled skill into your Claude project. Print it with:
+
+```bash
+npx react-pptx-mcp skill
+```
+
+…and paste into your Claude project's knowledge sources.
+
+## API in 30 seconds
+
+```ts
+import { defineTemplate, defineTemplateComponent, CANVAS_16_9 } from 'react-pptx';
+import { Cover, CoverSchema } from './components/Cover.js';
+import { preview } from './preview.js';
+
+export const __IDENT__ = defineTemplate({
+  name: '__NAME__',
+  canvas: CANVAS_16_9,
+  fonts: { display: ['Inter'], body: ['Inter'], mono: ['IBM Plex Mono'] },
+  colors: {},
+  typography: {},
+  spacing: {},
+  components: {
+    Cover: defineTemplateComponent({
+      component: Cover,
+      schema: CoverSchema,
+      description: 'Use as the first slide of a deck.',
+    }),
+  },
+  preview,
+});
+```
+
+Add a new component:
+
+1. Create `src/components/MySlide.tsx` exporting a Zod schema and a React
+   component. Keep all styling token-locked through your tokens map.
+2. Register it in `src/index.ts` under `components` with a clear
+   description (LLMs read it).
+3. Add a sample call in `src/preview.tsx` so the viewer shows it.
+
+Run `pnpm build` and the new component appears as `slides_add_my_slide` the
+next time Claude talks to your MCP server.

package/dist/scaffold/template-base/_gitignore

@@ -0,0 +1,4 @@
+node_modules
+dist
+*.tsbuildinfo
+.vite

package/dist/scaffold/template-base/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "__NAME__",
+  "version": "0.0.0",
+  "private": true,
+  "description": "A react-pptx template.",
+  "type": "module",
+  "main": "./src/index.ts",
+  "types": "./src/index.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "dev": "slides-dev",
+    "build": "tsc -p tsconfig.build.json",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "serve": "react-pptx-mcp serve --template ./dist/index.js",
+    "generate": "react-pptx-mcp generate --template ./dist/index.js"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-pptx": "^0.0.0"
+  },
+  "dependencies": {
+    "zod": "^3.23.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "react": "19.2.5",
+    "react-pptx": "^0.0.0",
+    "react-pptx-dev": "^0.0.0",
+    "react-pptx-mcp": "^0.0.0",
+    "typescript": "^5.5.0"
+  }
+}

package/dist/scaffold/template-base/src/components/Cover.tsx

@@ -0,0 +1,30 @@
+import type { ReactElement } from 'react';
+import { Slide, Box, Text } from '../../../../core/index.js';
+import { z } from 'zod';
+
+export const CoverSchema = z
+  .object({
+    title: z.string().min(1).describe('The deck title.'),
+    subtitle: z.string().optional().describe('Optional subtitle.'),
+  })
+  .strict();
+
+type CoverProps = z.infer<typeof CoverSchema>;
+
+export const Cover = ({ title, subtitle }: CoverProps): ReactElement => (
+  <Slide>
+    <Box rect={{ x: 0, y: 0, w: 960, h: 540 }} fill={{ kind: 'solid', color: '#0b0b0b' }} />
+    <Box rect={{ x: 60, y: 200, w: 800, h: 120 }}>
+      <Text textStyle={{ fontFamily: 'display', fontSize: 64, foregroundColor: '#ffffff' }}>
+        {title}
+      </Text>
+    </Box>
+    {subtitle ? (
+      <Box rect={{ x: 60, y: 320, w: 800, h: 40 }}>
+        <Text textStyle={{ fontFamily: 'body', fontSize: 20, foregroundColor: '#cccccc' }}>
+          {subtitle}
+        </Text>
+      </Box>
+    ) : null}
+  </Slide>
+);

package/dist/scaffold/template-base/src/index.ts

@@ -0,0 +1,27 @@
+import { CANVAS_16_9, defineTemplate, defineTemplateComponent } from '../../../core/index.js';
+import { Cover, CoverSchema } from './components/Cover.js';
+import { preview } from './preview.js';
+
+export const __IDENT__ = defineTemplate({
+  name: '__NAME__',
+  canvas: CANVAS_16_9,
+  fonts: {
+    display: ['Inter', 'Arial'],
+    body: ['Inter', 'Arial'],
+    mono: ['IBM Plex Mono', 'Courier New'],
+  },
+  colors: {
+    'fg.base': '#0b0b0b',
+    'bg.surface': '#ffffff',
+  },
+  typography: {},
+  spacing: { md: 12, lg: 24 },
+  components: {
+    Cover: defineTemplateComponent({
+      component: Cover,
+      schema: CoverSchema,
+      description: 'Use as the first slide of a deck. Sets the title.',
+    }),
+  },
+  preview,
+});

package/dist/scaffold/template-base/src/preview.tsx

@@ -0,0 +1,9 @@
+import type { ReactElement } from 'react';
+import { Cover } from './components/Cover.js';
+
+export const preview = (): ReactElement => (
+  <>
+    <Cover title="Hello, __NAME__" subtitle="A react-pptx template." />
+    <Cover title="Edit me" subtitle="src/preview.tsx" />
+  </>
+);