pixl-mcp 0.1.0

package/README.md

@@ -0,0 +1,91 @@
+# Pixl
+
+**Open-source MCP server for designing mobile UIs.** Pixl plugs into whatever AI coding host you already use (Claude Code, Cursor, …) and turns it into a guided mobile-UI design tool. Your host's model does the generating — Pixl supplies the taste it lacks: a locked design-system **token contract**, a **linter** that rejects off-standard output, and a **local browser preview** with a phone-frame gallery and a draggable user-journey flow map. Everything runs locally.
+
+> Status: **v0.1, feature-complete** — MCP server, workspace, live preview, design-system presets + token contract, screen generation with the taste linter, and the draggable user-journey flow canvas.
+
+## How it fits together
+
+```
+host (Claude Code / Cursor) ──MCP stdio──▶ pixl-mcp (Node/TS)
+                                             │  owns .pixl/ workspace, runs linter
+                                             ▼
+                            localhost:4321  Vite + React preview
+                              ├── Screen gallery (phone frames, live-reload)
+                              └── Flow canvas (dotted bg, draggable)
+```
+
+State lives in a `.pixl/` folder in your project: `tokens.json`, `design/*.md`, `screens/*.html`, `flow.json`.
+
+## Install
+
+Pixl **auto-starts** when your host connects: it creates the `.pixl/` workspace, boots the preview, and opens `localhost:4321` in your browser. No `pixl_init` call needed — just point your host at it and start asking for screens.
+
+**npx (recommended):**
+
+Cursor — `~/.cursor/mcp.json`:
+
+```json
+{ "mcpServers": { "pixl": { "command": "npx", "args": ["-y", "pixl-mcp"] } } }
+```
+
+Claude Code:
+
+```bash
+claude mcp add pixl -- npx -y pixl-mcp
+```
+
+**Docker** (no Node needed; fully isolated). `-p 4321:4321` forwards the preview; the `sh -c` wrapper reaps any prior container so relaunches don't clash on the port:
+
+```json
+{
+  "mcpServers": {
+    "pixl": {
+      "command": "sh",
+      "args": [
+        "-c",
+        "docker rm -f pixl-mcp >/dev/null 2>&1; exec docker run --rm -i --name pixl-mcp -p 4321:4321 -v \"$PWD\":/work -w /work pixl-mcp"
+      ]
+    }
+  }
+}
+```
+
+Build the image first with `docker build -t pixl-mcp .` (or pull it once published).
+
+## Develop
+
+```bash
+npm install --include=dev   # this machine has npm omit=dev set globally
+npm run build               # compile the server to dist/
+npm run typecheck
+npx vitest run               # linter unit tests (pass/fail fixtures)
+node scripts/smoke.mjs        # workspace + preview API end-to-end
+node scripts/mcp-smoke.mjs    # drives the server as a real MCP client
+node scripts/phase2-smoke.mjs # design system + screen plan
+node scripts/phase3-smoke.mjs # write/lint screen: reject bad, accept fixed
+node scripts/phase4-smoke.mjs # flow graph + drag-persist round-trip
+```
+
+## Register a local build (from source)
+
+Claude Code:
+
+```bash
+npm install --include=dev && npm run build
+claude mcp add pixl -- node /absolute/path/to/pixl-mcp/dist/index.js
+```
+
+The preview auto-starts and opens `localhost:4321` — then ask your assistant to set a design system and generate screens.
+
+## Tools
+
+| Tool | Purpose |
+|---|---|
+| `pixl_init` | Re-open the preview / fetch its URL (auto-runs on startup — you don't call it) |
+| `pixl_status` | Report workspace state |
+| `pixl_list_presets` / `pixl_set_design_system` / `pixl_plan_screens` | Design system + screen plan |
+| `pixl_write_screen` / `pixl_lint_screen` | Generate + lint screens |
+| `pixl_set_flow` | User-journey flow graph |
+
+MIT.

package/dist/design.js

@@ -0,0 +1,128 @@
+import { TokensSchema } from "./workspace/schemas.js";
+import { getPreset, presetSummaries } from "./presets/catalog.js";
+import { buildDesignDocs, buildTokenContract } from "./presets/contract.js";
+const DEFAULT_CUSTOM_RULES = [
+    "Consistent spacing on the scale; clear visual hierarchy.",
+    "Color roles only — no raw hex in screens.",
+    "One primary action per screen; adequate tap targets.",
+];
+/**
+ * Resolve tokens (preset ± overrides, or fully custom), persist tokens.json +
+ * the five design/*.md docs, and return the token contract the model generates
+ * against. This is the heart of phase 2.
+ */
+export async function applyDesignSystem(workspace, input) {
+    let tokens;
+    let rules;
+    if (input.customTokens) {
+        tokens = TokensSchema.parse(input.customTokens);
+        rules = DEFAULT_CUSTOM_RULES;
+    }
+    else {
+        if (!input.presetId)
+            throw new Error("provide either presetId or customTokens");
+        const preset = getPreset(input.presetId);
+        if (!preset) {
+            const ids = presetSummaries().map((p) => p.id).join(", ");
+            throw new Error(`unknown preset "${input.presetId}". Available: ${ids}`);
+        }
+        tokens = structuredClone(preset.tokens);
+        rules = preset.rules;
+    }
+    // Merge overrides.
+    if (input.overrides) {
+        if (input.overrides.name)
+            tokens.name = input.overrides.name;
+        if (input.overrides.fontFamilies)
+            tokens.fontFamilies = input.overrides.fontFamilies;
+        if (input.overrides.colors)
+            tokens.colors = { ...tokens.colors, ...input.overrides.colors };
+        tokens = TokensSchema.parse(tokens);
+    }
+    await workspace.writeTokens(tokens);
+    const docs = buildDesignDocs(tokens, rules);
+    await Promise.all([
+        workspace.writeDesignDoc("typography", docs.typography),
+        workspace.writeDesignDoc("color", docs.color),
+        workspace.writeDesignDoc("spacing", docs.spacing),
+        workspace.writeDesignDoc("components", docs.components),
+        workspace.writeDesignDoc("principles", docs.principles),
+    ]);
+    const contract = buildTokenContract(tokens, rules);
+    const referenceScreenHtml = input.customTokens
+        ? undefined
+        : getPreset(input.presetId)?.referenceScreenHtml;
+    return {
+        ok: true,
+        designSystem: tokens.name,
+        contract,
+        referenceScreenHtml,
+        wrote: ["tokens.json", "design/typography.md", "design/color.md", "design/spacing.md", "design/components.md", "design/principles.md"],
+        next: "Call pixl_plan_screens to lay out the screens and journey, then pixl_write_screen per screen.",
+    };
+}
+/**
+ * Record the screen list + user journey. Writes screens.md and seeds flow.json
+ * with a grid layout (real positions get refined on the canvas in phase 4).
+ */
+export async function planScreens(workspace, input) {
+    const ids = new Set(input.screens.map((s) => s.id));
+    for (const j of input.journey ?? []) {
+        if (!ids.has(j.from) || !ids.has(j.to)) {
+            throw new Error(`journey references unknown screen id: ${!ids.has(j.from) ? j.from : j.to}`);
+        }
+    }
+    // Persist the screen index (screens keep any existing html; new ones are html-less until written).
+    const existing = await workspace.readScreenIndex();
+    const htmlById = new Map(existing.screens.map((s) => [s.id, s]));
+    const merged = input.screens.map((s) => ({ ...htmlById.get(s.id), ...s }));
+    await workspace.writeScreenIndex({ screens: merged });
+    // screens.md
+    const rows = input.screens
+        .map((s, i) => `| ${i + 1} | \`${s.id}\` | ${s.name} | ${s.description ?? ""} |`)
+        .join("\n");
+    const journeyLines = (input.journey ?? [])
+        .map((j) => `- \`${j.from}\` → \`${j.to}\`${j.label ? ` — ${j.label}` : ""}`)
+        .join("\n");
+    const md = `# Screens & user journey
+
+| # | id | name | description |
+|---|---|---|---|
+${rows}
+
+## Journey
+
+${journeyLines || "_No transitions defined yet._"}
+`;
+    await writeScreensMd(workspace, md);
+    // Seed flow.json with a grid layout + journey edges.
+    const flow = {
+        nodes: input.screens.map((s, i) => ({
+            id: s.id,
+            screenId: s.id,
+            label: s.name,
+            x: (i % 3) * 300,
+            y: Math.floor(i / 3) * 240,
+        })),
+        edges: (input.journey ?? []).map((j, i) => ({
+            id: `e${i}`,
+            source: j.from,
+            target: j.to,
+            label: j.label ?? "",
+        })),
+    };
+    await workspace.writeFlow(flow);
+    return {
+        ok: true,
+        screenCount: input.screens.length,
+        edgeCount: flow.edges.length,
+        wrote: ["screens.md", "screens.json", "flow.json"],
+        next: "Generate each screen with pixl_write_screen (it lints against the token contract).",
+    };
+}
+async function writeScreensMd(workspace, md) {
+    const { promises: fs } = await import("node:fs");
+    const path = await import("node:path");
+    await fs.writeFile(path.join(workspace.dir, "screens.md"), md, "utf8");
+}
+//# sourceMappingURL=design.js.map

package/dist/design.js.map

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

package/dist/flow.js

@@ -0,0 +1,52 @@
+import { FlowSchema } from "./workspace/schemas.js";
+/**
+ * Set/update the user-journey graph, then persist flow.json (the canvas renders
+ * from it). Nodes default to one per planned screen; existing positions are
+ * preserved so an MCP update never resets a layout the user dragged. Edges are
+ * validated against the node set.
+ */
+export async function setFlow(workspace, input) {
+    const index = await workspace.readScreenIndex();
+    const existing = await workspace.readFlow();
+    const posById = new Map(existing.nodes.map((n) => [n.id, { x: n.x, y: n.y }]));
+    const nameById = new Map(index.screens.map((s) => [s.id, s.name]));
+    // Node set: explicit nodes if given, else one per screen in the index.
+    const specs = input.nodes ?? index.screens.map((s) => ({ id: s.id, label: s.name }));
+    if (specs.length === 0) {
+        throw new Error("No screens to place. Call pixl_plan_screens (or pass nodes) first.");
+    }
+    const nodes = specs.map((spec, i) => {
+        const prev = posById.get(spec.id);
+        return {
+            id: spec.id,
+            screenId: spec.id,
+            label: spec.label ?? nameById.get(spec.id) ?? spec.id,
+            x: spec.x ?? prev?.x ?? (i % 3) * 300,
+            y: spec.y ?? prev?.y ?? Math.floor(i / 3) * 240,
+        };
+    });
+    const nodeIds = new Set(nodes.map((n) => n.id));
+    for (const e of input.edges) {
+        if (!nodeIds.has(e.from) || !nodeIds.has(e.to)) {
+            throw new Error(`edge references unknown node id: ${!nodeIds.has(e.from) ? e.from : e.to}`);
+        }
+    }
+    const flow = FlowSchema.parse({
+        nodes,
+        edges: input.edges.map((e, i) => ({
+            id: `e${i}`,
+            source: e.from,
+            target: e.to,
+            label: e.label ?? "",
+        })),
+    });
+    await workspace.writeFlow(flow);
+    return {
+        ok: true,
+        nodeCount: flow.nodes.length,
+        edgeCount: flow.edges.length,
+        wrote: ["flow.json"],
+        next: "Open the Flow tab in the preview to see the journey; drag nodes to rearrange (positions persist).",
+    };
+}
+//# sourceMappingURL=flow.js.map

package/dist/flow.js.map

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

package/dist/index.js

@@ -0,0 +1,34 @@
+#!/usr/bin/env node
+import { McpServer } from "@modelcontextprotocol/sdk/server/mcp.js";
+import { StdioServerTransport } from "@modelcontextprotocol/sdk/server/stdio.js";
+import { PixlSession } from "./session.js";
+import { registerTools } from "./mcp/tools.js";
+async function main() {
+    const session = new PixlSession(process.cwd());
+    const server = new McpServer({ name: "pixl", version: "0.1.0" });
+    registerTools(server, session);
+    const transport = new StdioServerTransport();
+    await server.connect(transport);
+    // stdio MCP servers must never write to stdout (it's the protocol channel).
+    process.stderr.write("pixl MCP server ready\n");
+    // Auto-start: create the workspace and boot the preview the moment the host
+    // connects, so the user never has to call pixl_init themselves. Open the
+    // browser too — except inside Docker (no browser; PIXL_HOST marks the
+    // container, where the port is forwarded) or when PIXL_OPEN=0 (tests).
+    const openBrowser = !process.env.PIXL_HOST && process.env.PIXL_OPEN !== "0";
+    session
+        .ensureStarted(openBrowser)
+        .then((url) => process.stderr.write(`pixl preview at ${url}\n`))
+        .catch((e) => process.stderr.write(`pixl preview boot failed: ${e.message}\n`));
+    const shutdown = async () => {
+        await session.shutdown();
+        process.exit(0);
+    };
+    process.on("SIGINT", shutdown);
+    process.on("SIGTERM", shutdown);
+}
+main().catch((err) => {
+    process.stderr.write(`pixl fatal: ${err.stack ?? err}\n`);
+    process.exit(1);
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,KAAK,UAAU,IAAI;IACjB,MAAM,OAAO,GAAG,IAAI,WAAW,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;IAC/C,MAAM,MAAM,GAAG,IAAI,SAAS,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;IACjE,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE/B,MAAM,SAAS,GAAG,IAAI,oBAAoB,EAAE,CAAC;IAC7C,MAAM,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAEhC,4EAA4E;IAC5E,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAEhD,4EAA4E;IAC5E,yEAAyE;IACzE,sEAAsE;IACtE,uEAAuE;IACvE,MAAM,WAAW,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,SAAS,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,KAAK,GAAG,CAAC;IAC5E,OAAO;SACJ,aAAa,CAAC,WAAW,CAAC;SAC1B,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;SAC/D,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,6BAA8B,CAAW,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC;IAE7F,MAAM,QAAQ,GAAG,KAAK,IAAI,EAAE;QAC1B,MAAM,OAAO,CAAC,QAAQ,EAAE,CAAC;QACzB,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAClB,CAAC,CAAC;IACF,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;AAClC,CAAC;AAED,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;IACnB,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,eAAgB,GAAa,CAAC,KAAK,IAAI,GAAG,IAAI,CAAC,CAAC;IACrE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAClB,CAAC,CAAC,CAAC"}

package/dist/linter/contrast.js

@@ -0,0 +1,46 @@
+/**
+ * WCAG contrast math — pure, no I/O. Used by the contrast rule to reject
+ * text/background role pairs that fall below AA.
+ */
+/** Parse #rgb / #rrggbb (with optional alpha, ignored) → rgb, or null. */
+export function hexToRgb(hex) {
+    const m = /^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.exec(hex.trim());
+    if (!m)
+        return null;
+    let h = m[1];
+    if (h.length === 3 || h.length === 4) {
+        h = h
+            .slice(0, 3)
+            .split("")
+            .map((c) => c + c)
+            .join("");
+    }
+    else {
+        h = h.slice(0, 6);
+    }
+    return {
+        r: parseInt(h.slice(0, 2), 16),
+        g: parseInt(h.slice(2, 4), 16),
+        b: parseInt(h.slice(4, 6), 16),
+    };
+}
+/** Relative luminance per WCAG 2.1. */
+export function relativeLuminance({ r, g, b }) {
+    const chan = (v) => {
+        const s = v / 255;
+        return s <= 0.03928 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4;
+    };
+    return 0.2126 * chan(r) + 0.7152 * chan(g) + 0.0722 * chan(b);
+}
+/** Contrast ratio between two hex colors (1–21); 0 if either is unparseable. */
+export function contrastRatio(fg, bg) {
+    const a = hexToRgb(fg);
+    const b = hexToRgb(bg);
+    if (!a || !b)
+        return 0;
+    const la = relativeLuminance(a);
+    const lb = relativeLuminance(b);
+    const [hi, lo] = la >= lb ? [la, lb] : [lb, la];
+    return (hi + 0.05) / (lo + 0.05);
+}
+//# sourceMappingURL=contrast.js.map

package/dist/linter/contrast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contrast.js","sourceRoot":"","sources":["../../src/linter/contrast.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAQH,0EAA0E;AAC1E,MAAM,UAAU,QAAQ,CAAC,GAAW;IAClC,MAAM,CAAC,GAAG,uDAAuD,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;IACnF,IAAI,CAAC,CAAC;QAAE,OAAO,IAAI,CAAC;IACpB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACb,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACrC,CAAC,GAAG,CAAC;aACF,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;aACX,KAAK,CAAC,EAAE,CAAC;aACT,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;aACjB,IAAI,CAAC,EAAE,CAAC,CAAC;IACd,CAAC;SAAM,CAAC;QACN,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IACpB,CAAC;IACD,OAAO;QACL,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;QAC9B,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;QAC9B,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;KAC/B,CAAC;AACJ,CAAC;AAED,uCAAuC;AACvC,MAAM,UAAU,iBAAiB,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAO;IAChD,MAAM,IAAI,GAAG,CAAC,CAAS,EAAE,EAAE;QACzB,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;QAClB,OAAO,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,KAAK,CAAC,IAAI,GAAG,CAAC;IACjE,CAAC,CAAC;IACF,OAAO,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AAChE,CAAC;AAED,gFAAgF;AAChF,MAAM,UAAU,aAAa,CAAC,EAAU,EAAE,EAAU;IAClD,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvB,MAAM,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvB,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC;QAAE,OAAO,CAAC,CAAC;IACvB,MAAM,EAAE,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAChC,MAAM,EAAE,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAChD,OAAO,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;AACnC,CAAC"}

package/dist/linter/index.js

@@ -0,0 +1,190 @@
+import { contrastRatio } from "./contrast.js";
+const TAP_MIN = 44; // px — minimum interactive target
+const AA_NORMAL = 4.5; // WCAG AA for normal text
+const TAILWIND_UNIT = 4; // px per Tailwind spacing/size step (n*4)
+/**
+ * Lint a self-contained screen against the token contract. Pure: takes HTML +
+ * tokens, returns violations. Trusts named Tailwind utilities (they sit on the
+ * 4px grid and bind to tokens via the config) and instead hunts for the ways a
+ * model goes off-standard: raw hex, arbitrary bracket values, tiny tap targets,
+ * low contrast, a missing viewport lock, or a missing Tailwind head.
+ */
+export function lintScreen(html, tokens) {
+    const violations = [];
+    const body = stripHeadAndScripts(html);
+    headBlockRule(html, violations);
+    viewportRule(html, tokens, violations);
+    rawHexRule(body, violations);
+    arbitraryValueRules(body, tokens, violations);
+    tapTargetRule(body, violations);
+    contrastRule(body, tokens, violations);
+    const errorCount = violations.filter((v) => v.severity === "error").length;
+    const warnCount = violations.length - errorCount;
+    return { ok: errorCount === 0, errorCount, warnCount, violations };
+}
+/**
+ * Remove <head>…</head> plus any <script>/<style> bodies so token hexes in the
+ * Tailwind config don't read as raw-color violations. Leaves body markup.
+ */
+function stripHeadAndScripts(html) {
+    return html
+        .replace(/<head[\s\S]*?<\/head>/gi, " ")
+        .replace(/<script[\s\S]*?<\/script>/gi, " ")
+        .replace(/<style[\s\S]*?<\/style>/gi, " ");
+}
+function headBlockRule(html, out) {
+    if (!/cdn\.tailwindcss\.com/.test(html)) {
+        out.push({
+            rule: "missing-head",
+            severity: "error",
+            message: "Screen is missing the Tailwind head block (cdn.tailwindcss.com). Paste the contract's headBlock into <head>, or the design tokens won't apply.",
+        });
+    }
+}
+function viewportRule(html, tokens, out) {
+    const { width, height } = tokens.breakpoints;
+    const hasW = new RegExp(`(?:width|min-width)\\s*:\\s*${width}px`).test(html) || html.includes(`w-[${width}px]`);
+    const hasH = new RegExp(`(?:height|min-height)\\s*:\\s*${height}px`).test(html) || html.includes(`h-[${height}px]`);
+    if (!hasW || !hasH) {
+        out.push({
+            rule: "viewport-unlocked",
+            severity: "error",
+            message: `Screen must be locked to the phone viewport ${width}×${height}. Set the root container to width:${width}px;height:${height}px.`,
+        });
+    }
+}
+const HEX_RE = /#[0-9a-fA-F]{3,8}\b/g;
+function rawHexRule(body, out) {
+    // Hex in inline style attributes, or as arbitrary color classes bg-[#..]/text-[#..].
+    const found = new Set();
+    for (const m of body.matchAll(HEX_RE))
+        found.add(m[0].toLowerCase());
+    for (const hex of found) {
+        out.push({
+            rule: "raw-color",
+            severity: "error",
+            message: `Raw hex ${hex} in markup. Use a palette role class instead (bg-<role>, text-<role>, border-<role>).`,
+            snippet: hex,
+        });
+    }
+}
+// Arbitrary Tailwind values: prefix-[value]. e.g. p-[13px], text-[15px], rounded-[3px], bg-[#f00].
+const ARBITRARY_RE = /\b([a-z]+(?:-[a-z]+)?)-\[([^\]]+)\]/g;
+const SPACING_PREFIXES = new Set([
+    "p", "px", "py", "pt", "pb", "pl", "pr",
+    "m", "mx", "my", "mt", "mb", "ml", "mr",
+    "gap", "gap-x", "gap-y", "space-x", "space-y",
+    "w", "h", "min-w", "min-h", "max-w", "max-h",
+    "top", "bottom", "left", "right", "inset",
+]);
+function arbitraryValueRules(body, tokens, out) {
+    for (const m of body.matchAll(ARBITRARY_RE)) {
+        const prefix = m[1];
+        const raw = m[2];
+        const token = m[0];
+        if (raw.startsWith("#"))
+            continue; // covered by raw-color rule
+        const px = parsePx(raw);
+        if (px === null)
+            continue; // non-px arbitrary (%, calc, vh) — leave it
+        if (prefix === "text") {
+            if (!tokens.typeScale.includes(px)) {
+                out.push({
+                    rule: "off-scale-type",
+                    severity: "error",
+                    message: `Font size ${token} is off the type scale (${tokens.typeScale.join(", ")}px). Use a type-scale size.`,
+                    snippet: token,
+                });
+            }
+        }
+        else if (prefix === "rounded" || prefix.startsWith("rounded-")) {
+            if (!tokens.radius.includes(px)) {
+                out.push({
+                    rule: "off-scale-radius",
+                    severity: "warn",
+                    message: `Radius ${token} is off the radius scale (${tokens.radius.join(", ")}px). Use rounded-sm|md|lg|xl.`,
+                    snippet: token,
+                });
+            }
+        }
+        else if (SPACING_PREFIXES.has(prefix)) {
+            // Viewport-locking width/height in brackets is legitimate; skip those.
+            const isViewport = px === tokens.breakpoints.width || px === tokens.breakpoints.height;
+            if (!isViewport && px % TAILWIND_UNIT !== 0) {
+                out.push({
+                    rule: "off-scale-spacing",
+                    severity: "error",
+                    message: `${token} is off the 4px grid. Use a Tailwind spacing/size step (multiple of 4) instead of an arbitrary value.`,
+                    snippet: token,
+                });
+            }
+        }
+    }
+}
+// Interactive elements whose height we can read; flag if < 44px.
+const INTERACTIVE_RE = /<(button|a|input|select|textarea)\b([^>]*)>/gi;
+function tapTargetRule(body, out) {
+    for (const m of body.matchAll(INTERACTIVE_RE)) {
+        const tag = m[1].toLowerCase();
+        const attrs = m[2];
+        // Skip hidden inputs and non-interactive anchors are still worth checking; keep simple.
+        if (tag === "input" && /type\s*=\s*["']?hidden/i.test(attrs))
+            continue;
+        const h = readHeightPx(attrs);
+        if (h !== null && h < TAP_MIN) {
+            out.push({
+                rule: "tap-target",
+                severity: "error",
+                message: `<${tag}> has height ${h}px — below the ${TAP_MIN}px minimum tap target. Use at least h-11 (44px).`,
+                snippet: m[0].slice(0, 80),
+            });
+        }
+    }
+}
+/** Read an explicit height from class (h-N, h-[Npx]) or inline style height. */
+function readHeightPx(attrs) {
+    const styleH = /style\s*=\s*["'][^"']*\bheight\s*:\s*(\d+(?:\.\d+)?)px/i.exec(attrs);
+    if (styleH)
+        return Number(styleH[1]);
+    const arb = /\bh-\[(\d+(?:\.\d+)?)px\]/.exec(attrs);
+    if (arb)
+        return Number(arb[1]);
+    const unit = /\bh-(\d+)\b/.exec(attrs);
+    if (unit)
+        return Number(unit[1]) * TAILWIND_UNIT;
+    return null;
+}
+// Element carrying both a text role and a bg role — check that pair's contrast.
+const EL_RE = /<[a-z][^>]*class\s*=\s*["']([^"']*)["'][^>]*>/gi;
+function contrastRule(body, tokens, out) {
+    const seen = new Set();
+    for (const m of body.matchAll(EL_RE)) {
+        const classes = m[1];
+        const textRole = /\btext-([a-zA-Z]+)\b/.exec(classes)?.[1];
+        const bgRole = /\bbg-([a-zA-Z]+)\b/.exec(classes)?.[1];
+        if (!textRole || !bgRole)
+            continue;
+        const fg = tokens.colors[textRole];
+        const bg = tokens.colors[bgRole];
+        if (!fg || !bg)
+            continue; // unknown role handled elsewhere / trusted
+        const key = `${textRole}:${bgRole}`;
+        if (seen.has(key))
+            continue;
+        seen.add(key);
+        const ratio = contrastRatio(fg, bg);
+        if (ratio > 0 && ratio < AA_NORMAL) {
+            out.push({
+                rule: "contrast",
+                severity: "error",
+                message: `text-${textRole} on bg-${bgRole} has contrast ${ratio.toFixed(2)}:1 — below WCAG AA (${AA_NORMAL}:1). Pick a higher-contrast role pair.`,
+                snippet: key,
+            });
+        }
+    }
+}
+function parsePx(raw) {
+    const m = /^(\d+(?:\.\d+)?)px$/.exec(raw.trim());
+    return m ? Number(m[1]) : null;
+}
+//# sourceMappingURL=index.js.map

package/dist/linter/index.js.map

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