@layoutdesign/context 0.1.7

package/dist/src/mcp/server.js

@@ -0,0 +1,56 @@
+import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
+import { loadKit } from "../kit/loader.js";
+import { startPreviewServer } from "../preview/server.js";
+// Tool modules
+import * as getDesignSystem from "./tools/get-design-system.js";
+import * as getTokens from "./tools/get-tokens.js";
+import * as getComponent from "./tools/get-component.js";
+import * as listComponents from "./tools/list-components.js";
+import * as checkCompliance from "./tools/check-compliance.js";
+import * as preview from "./tools/preview.js";
+import * as pushToFigma from "./tools/push-to-figma.js";
+import * as urlToFigma from "./tools/url-to-figma.js";
+import * as designInFigma from "./tools/design-in-figma.js";
+import * as updateTokens from "./tools/update-tokens.js";
+import * as getScreenshots from "./tools/get-screenshots.js";
+/**
+ * Start the Layout Context MCP server.
+ * Loads the kit from the current working directory and registers all tools.
+ */
+export async function startServer() {
+    const kit = loadKit();
+    const kitName = kit?.manifest.displayName ?? "none";
+    const componentCount = kit?.components.length ?? 0;
+    // Log to stderr so it doesn't interfere with stdio transport
+    console.error(`[layout-context] Kit: ${kitName} (${componentCount} components)`);
+    // Start the preview server (HTTP + WebSocket on :4321)
+    try {
+        const previewServer = await startPreviewServer(undefined, { openBrowser: false });
+        console.error(`[layout-context] Preview: ${previewServer.url}`);
+    }
+    catch (err) {
+        const msg = err instanceof Error ? err.message : String(err);
+        console.error(`[layout-context] Preview server skipped: ${msg}`);
+    }
+    const server = new McpServer({
+        name: "layout-context",
+        version: "0.1.0",
+    });
+    // Register all 11 tools
+    server.tool(getDesignSystem.name, getDesignSystem.description, getDesignSystem.inputSchema, getDesignSystem.handler(kit));
+    server.tool(getTokens.name, getTokens.description, getTokens.inputSchema, getTokens.handler(kit));
+    server.tool(getComponent.name, getComponent.description, getComponent.inputSchema, getComponent.handler(kit));
+    server.tool(listComponents.name, listComponents.description, listComponents.inputSchema, listComponents.handler(kit));
+    server.tool(checkCompliance.name, checkCompliance.description, checkCompliance.inputSchema, checkCompliance.handler(kit));
+    server.tool(preview.name, preview.description, preview.inputSchema, preview.handler(kit));
+    server.tool(pushToFigma.name, pushToFigma.description, pushToFigma.inputSchema, pushToFigma.handler(kit));
+    server.tool(urlToFigma.name, urlToFigma.description, urlToFigma.inputSchema, urlToFigma.handler());
+    server.tool(designInFigma.name, designInFigma.description, designInFigma.inputSchema, designInFigma.handler(kit));
+    server.tool(updateTokens.name, updateTokens.description, updateTokens.inputSchema, updateTokens.handler());
+    server.tool(getScreenshots.name, getScreenshots.description, getScreenshots.inputSchema, getScreenshots.handler());
+    // Connect via stdio
+    const transport = new StdioServerTransport();
+    await server.connect(transport);
+}
+//# sourceMappingURL=server.js.map

package/dist/src/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/src/mcp/tools/check-compliance.d.ts

@@ -0,0 +1,16 @@
+import { z } from "zod";
+import type { Kit } from "../../kit/types.js";
+export declare const name = "check-compliance";
+export declare const description: string;
+export declare const inputSchema: {
+    code: z.ZodString;
+};
+export declare function handler(kit: Kit | null): ({ code }: {
+    code: string;
+}) => Promise<{
+    content: {
+        type: "text";
+        text: string;
+    }[];
+}>;
+//# sourceMappingURL=check-compliance.d.ts.map

package/dist/src/mcp/tools/check-compliance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-compliance.d.ts","sourceRoot":"","sources":["../../../../src/mcp/tools/check-compliance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAI9C,eAAO,MAAM,IAAI,qBAAqB,CAAC;AAEvC,eAAO,MAAM,WAAW,QAGmD,CAAC;AAE5E,eAAO,MAAM,WAAW;;CAEvB,CAAC;AAEF,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,IACvB,UAAU;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE;;;;;GAuCzC"}

package/dist/src/mcp/tools/check-compliance.js

@@ -0,0 +1,44 @@
+import { z } from "zod";
+import { checkCompliance } from "../../compliance/checker.js";
+export const name = "check-compliance";
+export const description = "Validates a code snippet against the active design system's rules and tokens. " +
+    "Returns a list of compliance issues found (hardcoded colours, wrong tokens, missing patterns). " +
+    "Use this to verify UI code matches the design system before committing.";
+export const inputSchema = {
+    code: z.string().describe("The UI code snippet to check for design system compliance"),
+};
+export function handler(kit) {
+    return async ({ code }) => {
+        if (!kit) {
+            return {
+                content: [
+                    {
+                        type: "text",
+                        text: "No design system kit found. Run `npx @layoutdesign/context init` to set one up.",
+                    },
+                ],
+            };
+        }
+        const result = checkCompliance(code, kit);
+        if (result.passed && result.issues.length === 0) {
+            return {
+                content: [
+                    {
+                        type: "text",
+                        text: "All checks passed. No design system compliance issues found.",
+                    },
+                ],
+            };
+        }
+        const lines = result.issues.map((issue) => `- [${issue.severity.toUpperCase()}] ${issue.ruleId}${issue.line ? ` (line ${issue.line})` : ""}: ${issue.message}`);
+        return {
+            content: [
+                {
+                    type: "text",
+                    text: `# Compliance Check: ${result.summary}\n\n${lines.join("\n")}`,
+                },
+            ],
+        };
+    };
+}
+//# sourceMappingURL=check-compliance.js.map

package/dist/src/mcp/tools/check-compliance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-compliance.js","sourceRoot":"","sources":["../../../../src/mcp/tools/check-compliance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAG9D,MAAM,CAAC,MAAM,IAAI,GAAG,kBAAkB,CAAC;AAEvC,MAAM,CAAC,MAAM,WAAW,GACtB,gFAAgF;IAChF,iGAAiG;IACjG,yEAAyE,CAAC;AAE5E,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,2DAA2D,CAAC;CACvF,CAAC;AAEF,MAAM,UAAU,OAAO,CAAC,GAAe;IACrC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAoB,EAAE,EAAE;QAC1C,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;gBACL,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,MAAe;wBACrB,IAAI,EAAE,iFAAiF;qBACxF;iBACF;aACF,CAAC;QACJ,CAAC;QAED,MAAM,MAAM,GAAqB,eAAe,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAE5D,IAAI,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAChD,OAAO;gBACL,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,MAAe;wBACrB,IAAI,EAAE,8DAA8D;qBACrE;iBACF;aACF,CAAC;QACJ,CAAC;QAED,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAC7B,CAAC,KAAK,EAAE,EAAE,CACR,MAAM,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,KAAK,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,OAAO,EAAE,CACtH,CAAC;QAEF,OAAO;YACL,OAAO,EAAE;gBACP;oBACE,IAAI,EAAE,MAAe;oBACrB,IAAI,EAAE,uBAAuB,MAAM,CAAC,OAAO,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;iBACrE;aACF;SACF,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/dist/src/mcp/tools/design-in-figma.d.ts

@@ -0,0 +1,24 @@
+import { z } from "zod";
+import type { Kit } from "../../kit/types.js";
+export declare const name = "design-in-figma";
+export declare const description: string;
+export declare const inputSchema: {
+    prompt: z.ZodString;
+    fileKey: z.ZodOptional<z.ZodString>;
+    viewports: z.ZodOptional<z.ZodArray<z.ZodEnum<{
+        desktop: "desktop";
+        tablet: "tablet";
+        mobile: "mobile";
+    }>>>;
+};
+export declare function handler(kit: Kit | null): ({ prompt, fileKey, viewports, }: {
+    prompt: string;
+    fileKey?: string;
+    viewports?: string[];
+}) => Promise<{
+    content: {
+        type: "text";
+        text: string;
+    }[];
+}>;
+//# sourceMappingURL=design-in-figma.d.ts.map

package/dist/src/mcp/tools/design-in-figma.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-in-figma.d.ts","sourceRoot":"","sources":["../../../../src/mcp/tools/design-in-figma.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAE9C,eAAO,MAAM,IAAI,oBAAoB,CAAC;AAEtC,eAAO,MAAM,WAAW,QAIkE,CAAC;AAE3F,eAAO,MAAM,WAAW;;;;;;;;CAkBvB,CAAC;AAEF,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,IACvB,iCAIX;IACD,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;CACtB;;;;;GA4JF"}

package/dist/src/mcp/tools/design-in-figma.js

@@ -0,0 +1,202 @@
+import { z } from "zod";
+export const name = "design-in-figma";
+export const description = "Design UI components and screens directly in Figma using the loaded design system. " +
+    "Takes a natural language prompt (e.g. 'A pricing card with 3 tiers') and returns " +
+    "design tokens, component specs, and step-by-step instructions for the AI agent to " +
+    "call Figma MCP's generate_figma_design. Requires the Figma MCP server to be connected.";
+export const inputSchema = {
+    prompt: z
+        .string()
+        .describe("What to design — e.g. 'A settings page with sidebar navigation' or 'A pricing card with 3 tiers'"),
+    fileKey: z
+        .string()
+        .optional()
+        .describe("Figma file key to add frames to. If omitted, instructions will use newFile mode."),
+    viewports: z
+        .array(z.enum(["desktop", "tablet", "mobile"]))
+        .optional()
+        .describe("Viewports to create frames for (default: ['desktop']). Each gets a separate Figma frame."),
+};
+export function handler(kit) {
+    return async ({ prompt, fileKey, viewports, }) => {
+        if (!kit) {
+            return {
+                content: [
+                    {
+                        type: "text",
+                        text: "No design system kit loaded. Run `npx @layoutdesign/context init` to set up a kit first, or import one with `npx @layoutdesign/context import <path-to-zip>`.",
+                    },
+                ],
+            };
+        }
+        const resolvedViewports = viewports ?? ["desktop"];
+        const outputMode = fileKey ? "existingFile" : "newFile";
+        // Build colour palette from tokens
+        const colourTokens = extractTokensByCategory(kit, [
+            "color",
+            "colour",
+            "bg",
+            "background",
+            "text",
+            "border",
+            "surface",
+            "accent",
+        ]);
+        // Build typography tokens
+        const typographyTokens = extractTokensByCategory(kit, [
+            "font",
+            "size",
+            "weight",
+            "line-height",
+            "letter-spacing",
+            "heading",
+            "body",
+            "text",
+        ]);
+        // Build spacing + layout tokens
+        const spacingTokens = extractTokensByCategory(kit, [
+            "spacing",
+            "gap",
+            "padding",
+            "margin",
+            "radius",
+            "border-radius",
+            "shadow",
+        ]);
+        // Build component inventory
+        const componentList = kit.components.length > 0
+            ? kit.components
+                .map((c) => {
+                const desc = c.description ? ` — ${c.description}` : "";
+                return `- **${c.name}**${desc}`;
+            })
+                .join("\n")
+            : "No components defined in kit.";
+        // Build design rules from DESIGN.md
+        const designRules = extractDesignRules(kit);
+        // Viewport dimensions
+        const viewportDimensions = {
+            desktop: "1440×900",
+            tablet: "768×1024",
+            mobile: "375×812",
+        };
+        const viewportFrames = resolvedViewports
+            .map((vp) => `- **${vp}** (${viewportDimensions[vp] ?? "1440×900"}): Create a frame named "${kit.manifest.displayName} — ${prompt} (${vp})"`)
+            .join("\n");
+        const response = [
+            "# Design in Figma",
+            "",
+            `## Design Brief`,
+            "",
+            `**Prompt:** ${prompt}`,
+            `**Design system:** ${kit.manifest.displayName}`,
+            kit.manifest.aesthetic ? `**Aesthetic:** ${kit.manifest.aesthetic}` : "",
+            "",
+            "---",
+            "",
+            "## Design Tokens",
+            "",
+            "Use these exact tokens when creating the design. Map CSS custom properties to Figma styles.",
+            "",
+            "### Colours",
+            "",
+            colourTokens || "_No colour tokens found in kit._",
+            "",
+            "### Typography",
+            "",
+            typographyTokens || "_No typography tokens found in kit._",
+            "",
+            "### Spacing & Layout",
+            "",
+            spacingTokens || "_No spacing tokens found in kit._",
+            "",
+            "---",
+            "",
+            "## Available Components",
+            "",
+            "Reuse these existing component patterns where possible:",
+            "",
+            componentList,
+            "",
+            "---",
+            "",
+            designRules ? `## Design Rules\n\n${designRules}\n\n---\n` : "",
+            "## Frames to Create",
+            "",
+            viewportFrames,
+            "",
+            "---",
+            "",
+            "## Instructions",
+            "",
+            "Follow these steps to create the design in Figma:",
+            "",
+            `1. Call \`generate_figma_design\` with:`,
+            `   - \`outputMode: "${outputMode}"\``,
+            fileKey ? `   - \`fileKey: "${fileKey}"\`` : "",
+            `   - \`title: "${kit.manifest.displayName} — ${prompt}"\``,
+            `   - \`description:\` A detailed HTML description of the UI to create, using the tokens and components listed above`,
+            "",
+            "2. In your description to `generate_figma_design`, include:",
+            "   - Exact hex colour values from the token palette above",
+            "   - Font family, sizes, and weights from the typography tokens",
+            "   - Spacing values from the spacing tokens",
+            "   - Component structure matching the patterns listed above",
+            "   - Layout structure appropriate for each viewport",
+            "",
+            "3. Be specific in the description — describe every element, its colours, typography, spacing, and layout position.",
+            "",
+            "## Setup (if Figma MCP is not connected)",
+            "",
+            "```bash",
+            "claude mcp add --transport http figma https://mcp.figma.com/mcp",
+            "```",
+            "",
+            "Authentication is via OAuth — no API key needed.",
+        ]
+            .filter(Boolean)
+            .join("\n");
+        return {
+            content: [{ type: "text", text: response }],
+        };
+    };
+}
+/**
+ * Extract token lines from tokensCss that match any of the given category keywords.
+ */
+function extractTokensByCategory(kit, keywords) {
+    if (!kit.tokensCss)
+        return "";
+    const lines = kit.tokensCss
+        .split("\n")
+        .filter((line) => {
+        if (!line.includes("--"))
+            return false;
+        const lower = line.toLowerCase();
+        return keywords.some((kw) => lower.includes(kw));
+    })
+        .slice(0, 40);
+    if (lines.length === 0)
+        return "";
+    return "```css\n" + lines.join("\n") + "\n```";
+}
+/**
+ * Extract design rules from kit sections (looks for "rules", "guidelines", "principles" sections).
+ */
+function extractDesignRules(kit) {
+    const rulesSections = kit.sections.filter((s) => {
+        const lower = s.id.toLowerCase();
+        return (lower.includes("rule") ||
+            lower.includes("guideline") ||
+            lower.includes("principle") ||
+            lower.includes("do-and-don") ||
+            lower.includes("constraint"));
+    });
+    if (rulesSections.length === 0)
+        return "";
+    return rulesSections
+        .map((s) => s.content)
+        .join("\n\n")
+        .slice(0, 2000);
+}
+//# sourceMappingURL=design-in-figma.js.map

package/dist/src/mcp/tools/design-in-figma.js.map

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

package/dist/src/mcp/tools/get-component.d.ts

@@ -0,0 +1,16 @@
+import { z } from "zod";
+import type { Kit } from "../../kit/types.js";
+export declare const name = "get-component";
+export declare const description: string;
+export declare const inputSchema: {
+    name: z.ZodString;
+};
+export declare function handler(kit: Kit | null): ({ name: componentName }: {
+    name: string;
+}) => Promise<{
+    content: {
+        type: "text";
+        text: string;
+    }[];
+}>;
+//# sourceMappingURL=get-component.d.ts.map

package/dist/src/mcp/tools/get-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-component.d.ts","sourceRoot":"","sources":["../../../../src/mcp/tools/get-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAE9C,eAAO,MAAM,IAAI,kBAAkB,CAAC;AAEpC,eAAO,MAAM,WAAW,QAEsE,CAAC;AAE/F,eAAO,MAAM,WAAW;;CAEvB,CAAC;AAEF,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,IACvB,yBAAyB;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE;;;;;GAmDxD"}

package/dist/src/mcp/tools/get-component.js

@@ -0,0 +1,52 @@
+import { z } from "zod";
+export const name = "get-component";
+export const description = "Returns a specific component's specification including description, design tokens used, and code example. " +
+    "Use this when you need to implement or modify a specific component from the design system.";
+export const inputSchema = {
+    name: z.string().describe("Component name to look up (case-insensitive, e.g. 'Button', 'card', 'NavBar')"),
+};
+export function handler(kit) {
+    return async ({ name: componentName }) => {
+        if (!kit) {
+            return {
+                content: [
+                    {
+                        type: "text",
+                        text: "No design system kit found. Run `npx @layoutdesign/context init` to set one up.",
+                    },
+                ],
+            };
+        }
+        const lower = componentName.toLowerCase();
+        const component = kit.components.find((c) => c.name.toLowerCase() === lower);
+        if (!component) {
+            const available = kit.components.map((c) => c.name).join(", ");
+            return {
+                content: [
+                    {
+                        type: "text",
+                        text: `Component "${componentName}" not found. Available components: ${available || "none"}`,
+                    },
+                ],
+            };
+        }
+        const parts = [`# ${component.name}`, ""];
+        if (component.description) {
+            parts.push(component.description, "");
+        }
+        if (component.tokens.length > 0) {
+            parts.push("## Tokens Used", "");
+            for (const token of component.tokens) {
+                parts.push(`- \`${token}\``);
+            }
+            parts.push("");
+        }
+        if (component.codeExample) {
+            parts.push("## Code Example", "", "```tsx", component.codeExample, "```");
+        }
+        return {
+            content: [{ type: "text", text: parts.join("\n") }],
+        };
+    };
+}
+//# sourceMappingURL=get-component.js.map

package/dist/src/mcp/tools/get-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-component.js","sourceRoot":"","sources":["../../../../src/mcp/tools/get-component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,MAAM,CAAC,MAAM,IAAI,GAAG,eAAe,CAAC;AAEpC,MAAM,CAAC,MAAM,WAAW,GACtB,4GAA4G;IAC5G,4FAA4F,CAAC;AAE/F,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,+EAA+E,CAAC;CAC3G,CAAC;AAEF,MAAM,UAAU,OAAO,CAAC,GAAe;IACrC,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,aAAa,EAAoB,EAAE,EAAE;QACzD,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;gBACL,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,MAAe;wBACrB,IAAI,EAAE,iFAAiF;qBACxF;iBACF;aACF,CAAC;QACJ,CAAC;QAED,MAAM,KAAK,GAAG,aAAa,CAAC,WAAW,EAAE,CAAC;QAC1C,MAAM,SAAS,GAAG,GAAG,CAAC,UAAU,CAAC,IAAI,CACnC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,KAAK,CACtC,CAAC;QAEF,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,MAAM,SAAS,GAAG,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/D,OAAO;gBACL,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,MAAe;wBACrB,IAAI,EAAE,cAAc,aAAa,sCAAsC,SAAS,IAAI,MAAM,EAAE;qBAC7F;iBACF;aACF,CAAC;QACJ,CAAC;QAED,MAAM,KAAK,GAAa,CAAC,KAAK,SAAS,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;QAEpD,IAAI,SAAS,CAAC,WAAW,EAAE,CAAC;YAC1B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;QACxC,CAAC;QAED,IAAI,SAAS,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAChC,KAAK,CAAC,IAAI,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC;YACjC,KAAK,MAAM,KAAK,IAAI,SAAS,CAAC,MAAM,EAAE,CAAC;gBACrC,KAAK,CAAC,IAAI,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC;YAC/B,CAAC;YACD,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QACjB,CAAC;QAED,IAAI,SAAS,CAAC,WAAW,EAAE,CAAC;YAC1B,KAAK,CAAC,IAAI,CAAC,iBAAiB,EAAE,EAAE,EAAE,QAAQ,EAAE,SAAS,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;QAC5E,CAAC;QAED,OAAO;YACL,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAe,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC;SAC7D,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/dist/src/mcp/tools/get-design-system.d.ts

@@ -0,0 +1,16 @@
+import { z } from "zod";
+import type { Kit } from "../../kit/types.js";
+export declare const name = "get-design-system";
+export declare const description: string;
+export declare const inputSchema: {
+    section: z.ZodOptional<z.ZodString>;
+};
+export declare function handler(kit: Kit | null): ({ section }: {
+    section?: string;
+}) => Promise<{
+    content: {
+        type: "text";
+        text: string;
+    }[];
+}>;
+//# sourceMappingURL=get-design-system.d.ts.map

package/dist/src/mcp/tools/get-design-system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-design-system.d.ts","sourceRoot":"","sources":["../../../../src/mcp/tools/get-design-system.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAG9C,eAAO,MAAM,IAAI,sBAAsB,CAAC;AAExC,eAAO,MAAM,WAAW,QAE0F,CAAC;AAEnH,eAAO,MAAM,WAAW;;CAOvB,CAAC;AAEF,wBAAgB,OAAO,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,IACvB,aAAa;IAAE,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE;;;;;GAuChD"}

package/dist/src/mcp/tools/get-design-system.js

@@ -0,0 +1,51 @@
+import { z } from "zod";
+import { extractSection } from "../../kit/parser.js";
+export const name = "get-design-system";
+export const description = "Returns the full DESIGN.md content for the active design system, or a specific section. " +
+    "Use this to understand colours, typography, spacing, layout rules, and component specs before writing UI code.";
+export const inputSchema = {
+    section: z
+        .string()
+        .optional()
+        .describe("Optional keyword to filter to a specific section (e.g. 'colours', 'typography', 'spacing', 'components')"),
+};
+export function handler(kit) {
+    return async ({ section }) => {
+        if (!kit) {
+            return {
+                content: [
+                    {
+                        type: "text",
+                        text: "No design system kit found. Run `npx @layoutdesign/context init` in your project root to set one up, or place a DESIGN.md in .layout/.",
+                    },
+                ],
+            };
+        }
+        if (section) {
+            const match = extractSection(kit.sections, section);
+            if (!match) {
+                const available = kit.sections.map((s) => s.title).join(", ");
+                return {
+                    content: [
+                        {
+                            type: "text",
+                            text: `No section matching "${section}" found. Available sections: ${available}`,
+                        },
+                    ],
+                };
+            }
+            return {
+                content: [
+                    {
+                        type: "text",
+                        text: `## ${match.title}\n\n${match.content}`,
+                    },
+                ],
+            };
+        }
+        return {
+            content: [{ type: "text", text: kit.designMd }],
+        };
+    };
+}
+//# sourceMappingURL=get-design-system.js.map

package/dist/src/mcp/tools/get-design-system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-design-system.js","sourceRoot":"","sources":["../../../../src/mcp/tools/get-design-system.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,CAAC,MAAM,IAAI,GAAG,mBAAmB,CAAC;AAExC,MAAM,CAAC,MAAM,WAAW,GACtB,0FAA0F;IAC1F,gHAAgH,CAAC;AAEnH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,OAAO,EAAE,CAAC;SACP,MAAM,EAAE;SACR,QAAQ,EAAE;SACV,QAAQ,CACP,0GAA0G,CAC3G;CACJ,CAAC;AAEF,MAAM,UAAU,OAAO,CAAC,GAAe;IACrC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAwB,EAAE,EAAE;QACjD,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;gBACL,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,MAAe;wBACrB,IAAI,EAAE,wIAAwI;qBAC/I;iBACF;aACF,CAAC;QACJ,CAAC;QAED,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;YACpD,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,MAAM,SAAS,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC9D,OAAO;oBACL,OAAO,EAAE;wBACP;4BACE,IAAI,EAAE,MAAe;4BACrB,IAAI,EAAE,wBAAwB,OAAO,gCAAgC,SAAS,EAAE;yBACjF;qBACF;iBACF,CAAC;YACJ,CAAC;YACD,OAAO;gBACL,OAAO,EAAE;oBACP;wBACE,IAAI,EAAE,MAAe;wBACrB,IAAI,EAAE,MAAM,KAAK,CAAC,KAAK,OAAO,KAAK,CAAC,OAAO,EAAE;qBAC9C;iBACF;aACF,CAAC;QACJ,CAAC;QAED,OAAO;YACL,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAe,EAAE,IAAI,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC;SACzD,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/dist/src/mcp/tools/get-screenshots.d.ts

@@ -0,0 +1,23 @@
+import { z } from "zod";
+export declare const name = "get-screenshots";
+export declare const description: string;
+export declare const inputSchema: {
+    type: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+        viewport: "viewport";
+        "full-page": "full-page";
+        all: "all";
+    }>>>;
+};
+export declare function handler(): ({ type }: {
+    type?: "full-page" | "viewport" | "all";
+}) => Promise<{
+    content: ({
+        type: "text";
+        text: string;
+    } | {
+        type: "image";
+        data: string;
+        mimeType: string;
+    })[];
+}>;
+//# sourceMappingURL=get-screenshots.d.ts.map

package/dist/src/mcp/tools/get-screenshots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-screenshots.d.ts","sourceRoot":"","sources":["../../../../src/mcp/tools/get-screenshots.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAKxB,eAAO,MAAM,IAAI,oBAAoB,CAAC;AAEtC,eAAO,MAAM,WAAW,QAG0B,CAAC;AAEnD,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAIF,wBAAgB,OAAO,KACP,UAAkB;IAAE,IAAI,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,KAAK,CAAA;CAAE;;cA4C5C,MAAM;cAAQ,MAAM;;cAAa,OAAO;cAAQ,MAAM;kBAAY,MAAM;;GAoBxG"}

package/dist/src/mcp/tools/get-screenshots.js

@@ -0,0 +1,78 @@
+import { z } from "zod";
+import { readFileSync, existsSync, readdirSync } from "node:fs";
+import { join, resolve } from "node:path";
+import { LAYOUT_DIR } from "../../kit/types.js";
+export const name = "get-screenshots";
+export const description = "Get design system reference screenshots captured during website extraction. " +
+    "Returns full-page and/or viewport screenshots as images that can be used for " +
+    "visual comparison when building UI components.";
+export const inputSchema = {
+    type: z
+        .enum(["full-page", "viewport", "all"])
+        .optional()
+        .default("all")
+        .describe("Which screenshot to return: full-page, viewport, or all (default)"),
+};
+const SCREENSHOTS_DIR = "screenshots";
+export function handler() {
+    return async ({ type = "all" }) => {
+        const dir = resolve(process.cwd(), LAYOUT_DIR, SCREENSHOTS_DIR);
+        if (!existsSync(dir)) {
+            return {
+                content: [
+                    {
+                        type: "text",
+                        text: "No screenshots found. Screenshots are captured during website extraction in the Studio and included in exported bundles.",
+                    },
+                ],
+            };
+        }
+        const files = readdirSync(dir).filter((f) => f.endsWith(".png"));
+        if (files.length === 0) {
+            return {
+                content: [
+                    {
+                        type: "text",
+                        text: "Screenshots directory exists but contains no PNG files.",
+                    },
+                ],
+            };
+        }
+        const wantedFiles = files.filter((f) => {
+            if (type === "all")
+                return true;
+            if (type === "full-page")
+                return f.includes("full-page");
+            if (type === "viewport")
+                return f.includes("viewport");
+            return false;
+        });
+        if (wantedFiles.length === 0) {
+            return {
+                content: [
+                    {
+                        type: "text",
+                        text: `No ${type} screenshot found. Available: ${files.join(", ")}`,
+                    },
+                ],
+            };
+        }
+        const content = [];
+        for (const file of wantedFiles) {
+            const filePath = join(dir, file);
+            const buffer = readFileSync(filePath);
+            const base64 = buffer.toString("base64");
+            content.push({
+                type: "text",
+                text: `Screenshot: ${file}`,
+            });
+            content.push({
+                type: "image",
+                data: base64,
+                mimeType: "image/png",
+            });
+        }
+        return { content };
+    };
+}
+//# sourceMappingURL=get-screenshots.js.map

package/dist/src/mcp/tools/get-screenshots.js.map

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