@gobing-ai/knowledge-kit 0.0.32 → 0.0.34

package/plugins/generations/image-gen/dist/index.js

@@ -14642,7 +14642,7 @@ var init_zod = __esm(() => {
   init_external();
 });
 
-// ../../node_modules/.bun/@gobing-ai+ts-utils@0.5.15/node_modules/@gobing-ai/ts-utils/dist/errors.js
+// ../../node_modules/.bun/@gobing-ai+ts-utils@0.5.21/node_modules/@gobing-ai/ts-utils/dist/errors.js
 var ErrorCode;
 var init_errors3 = __esm(() => {
   ErrorCode = {
@@ -14653,7 +14653,7 @@ var init_errors3 = __esm(() => {
   };
 });
 
-// ../../node_modules/.bun/@gobing-ai+ts-utils@0.5.15/node_modules/@gobing-ai/ts-utils/dist/api-response.js
+// ../../node_modules/.bun/@gobing-ai+ts-utils@0.5.21/node_modules/@gobing-ai/ts-utils/dist/api-response.js
 var API_ERROR_CODES, ERROR_CODE_TO_HTTP, CLIENT_SAFE_CODES;
 var init_api_response = __esm(() => {
   init_errors3();
@@ -14676,13 +14676,13 @@ var init_api_response = __esm(() => {
   CLIENT_SAFE_CODES = new Set([ErrorCode.NotFound, ErrorCode.Validation, ErrorCode.Conflict]);
 });
 
-// ../../node_modules/.bun/@gobing-ai+ts-utils@0.5.15/node_modules/@gobing-ai/ts-utils/dist/cursor.js
+// ../../node_modules/.bun/@gobing-ai+ts-utils@0.5.21/node_modules/@gobing-ai/ts-utils/dist/cursor.js
 var init_cursor = () => {};
 
-// ../../node_modules/.bun/@gobing-ai+ts-utils@0.5.15/node_modules/@gobing-ai/ts-utils/dist/event-severity.js
+// ../../node_modules/.bun/@gobing-ai+ts-utils@0.5.21/node_modules/@gobing-ai/ts-utils/dist/event-severity.js
 var init_event_severity = () => {};
 
-// ../../node_modules/.bun/@gobing-ai+ts-utils@0.5.15/node_modules/@gobing-ai/ts-utils/dist/output.js
+// ../../node_modules/.bun/@gobing-ai+ts-utils@0.5.21/node_modules/@gobing-ai/ts-utils/dist/output.js
 function processStream(name) {
   const proc = globalThis.process;
   const stream = proc?.[name];
@@ -14700,7 +14700,7 @@ function echoError(message, target = defaultStderrTarget ?? processStream("stder
 }
 var defaultStderrTarget;
 
-// ../../node_modules/.bun/@gobing-ai+ts-utils@0.5.15/node_modules/@gobing-ai/ts-utils/dist/index.js
+// ../../node_modules/.bun/@gobing-ai+ts-utils@0.5.21/node_modules/@gobing-ai/ts-utils/dist/index.js
 var init_dist = __esm(() => {
   init_api_response();
   init_cursor();
@@ -21698,7 +21698,7 @@ var init_dist2 = __esm(() => {
   $visitAsync = visit.visitAsync;
 });
 
-// ../../node_modules/.bun/@gobing-ai+ts-runtime@0.5.15/node_modules/@gobing-ai/ts-runtime/dist/config.js
+// ../../node_modules/.bun/@gobing-ai+ts-runtime@0.5.21+44edd5c4d6372504/node_modules/@gobing-ai/ts-runtime/dist/config.js
 var configSchema;
 var init_config = __esm(() => {
   init_dist2();
@@ -21722,7 +21722,7 @@ var init_config = __esm(() => {
   });
 });
 
-// ../../node_modules/.bun/@gobing-ai+ts-runtime@0.5.15/node_modules/@gobing-ai/ts-runtime/dist/file-system-node.js
+// ../../node_modules/.bun/@gobing-ai+ts-runtime@0.5.21+44edd5c4d6372504/node_modules/@gobing-ai/ts-runtime/dist/file-system-node.js
 import { appendFileSync, cpSync, createReadStream, createWriteStream, existsSync, mkdirSync, readdirSync, readFileSync, realpathSync, renameSync, rmSync, statSync, writeFileSync } from "fs";
 import { dirname, resolve as resolvePath } from "path";
 function createNodeFileSystem(root, paths) {
@@ -21809,113 +21809,6 @@ function findProjectRoot(startDir) {
 }
 var init_file_system_node = () => {};
 
-// ../../plugins/generations/image-gen/src/bytes.ts
-import { readFile, writeFile } from "fs/promises";
-async function writeBytes(path2, bytes) {
-  await writeFile(path2, bytes);
-}
-async function readBytes(path2) {
-  return new Uint8Array(await readFile(path2));
-}
-function imageDimensions(bytes) {
-  if (isPng(bytes))
-    return pngDimensions(bytes);
-  if (isJpeg(bytes))
-    return jpegDimensions(bytes);
-  if (isWebp(bytes))
-    return webpDimensions(bytes);
-  return null;
-}
-function isPng(b) {
-  const PNG_SIG = [137, 80, 78, 71, 13, 10, 26, 10];
-  if (b.byteLength < 24)
-    return false;
-  for (let i = 0;i < 8; i++) {
-    if (b[i] !== PNG_SIG[i])
-      return false;
-  }
-  return true;
-}
-function pngDimensions(b) {
-  const view = new DataView(b.buffer, b.byteOffset, b.byteLength);
-  const ihdrLength = view.getUint32(8, false);
-  if (ihdrLength !== 13 || view.getUint32(12, false) !== 1229472850) {
-    return null;
-  }
-  return { width: view.getUint32(16, false), height: view.getUint32(20, false) };
-}
-function isJpeg(b) {
-  const view = new DataView(b.buffer, b.byteOffset, b.byteLength);
-  return b.byteLength >= 4 && view.getUint16(0, false) === 65496 && view.getUint8(2) === 255;
-}
-function jpegDimensions(b) {
-  const view = new DataView(b.buffer, b.byteOffset, b.byteLength);
-  let at = 2;
-  while (at + 4 <= b.byteLength) {
-    if (view.getUint8(at) !== 255)
-      return null;
-    const marker = view.getUint8(at + 1);
-    at += 2;
-    if (marker === 1 || marker >= 208 && marker <= 215)
-      continue;
-    if (at + 2 > b.byteLength)
-      return null;
-    const length = view.getUint16(at, false);
-    if (length < 2)
-      return null;
-    const isSof = marker >= 192 && marker <= 207 && marker !== 196 && marker !== 200 && marker !== 204;
-    if (isSof) {
-      if (at + 7 > b.byteLength)
-        return null;
-      return { height: view.getUint16(at + 3, false), width: view.getUint16(at + 5, false) };
-    }
-    at += length;
-  }
-  return null;
-}
-function isWebp(b) {
-  if (b.byteLength < 20)
-    return false;
-  const view = new DataView(b.buffer, b.byteOffset, b.byteLength);
-  return view.getUint32(0, true) === 1179011410 && view.getUint32(8, true) === 1346520407;
-}
-function webpDimensions(b) {
-  const view = new DataView(b.buffer, b.byteOffset, b.byteLength);
-  let at = 12;
-  while (at + 8 <= b.byteLength) {
-    const id = String.fromCharCode(view.getUint8(at), view.getUint8(at + 1), view.getUint8(at + 2), view.getUint8(at + 3));
-    const size = view.getUint32(at + 4, true);
-    const body = at + 8;
-    if (id === "VP8 ") {
-      if (size < 10 || body + 10 > b.byteLength)
-        return null;
-      if (view.getUint8(body + 3) !== 157 || view.getUint8(body + 4) !== 1 || view.getUint8(body + 5) !== 42) {
-        return null;
-      }
-      return {
-        width: view.getUint16(body + 6, true) & 16383,
-        height: view.getUint16(body + 8, true) & 16383
-      };
-    }
-    if (id === "VP8L") {
-      if (size < 5 || body + 5 > b.byteLength || view.getUint8(body) !== 47)
-        return null;
-      const bits = view.getUint32(body + 1, true);
-      return { width: (bits & 16383) + 1, height: (bits >>> 14 & 16383) + 1 };
-    }
-    if (id === "VP8X") {
-      if (size < 10 || body + 10 > b.byteLength)
-        return null;
-      const width = view.getUint8(body + 4) | view.getUint8(body + 5) << 8 | view.getUint8(body + 6) << 16;
-      const height = view.getUint8(body + 7) | view.getUint8(body + 8) << 8 | view.getUint8(body + 9) << 16;
-      return { width: width + 1, height: height + 1 };
-    }
-    at = body + size + size % 2;
-  }
-  return null;
-}
-var init_bytes = () => {};
-
 // ../../plugins/generations/image-gen/src/compose/card.ts
 function assertCoverage(input, fonts) {
   const headlineCover = fonts.get(input.compose.fonts.headline);
@@ -22040,6 +21933,7 @@ html, body {
   justify-content: flex-start;
   overflow: hidden;
   background: ${palette.background};
+  border-top: 8px solid ${palette.accent};
 }
 .headline {
   font-family: 'NotoSansSC-Bold', sans-serif;
@@ -22047,6 +21941,8 @@ html, body {
   color: ${palette.text};
   line-height: 1.3;
   margin-bottom: ${Math.round(safeArea / 2)}px;
+  padding-bottom: 12px;
+  border-bottom: 4px solid ${palette.accent};
   word-break: break-all;
   white-space: normal;
   /* font-size is set inline with JS fit-step */
@@ -22055,15 +21951,27 @@ html, body {
 .points-container {
   display: flex;
   flex-direction: column;
-  gap: ${Math.round(bodyMinPx * 0.5)}px;
+  gap: ${Math.round(bodyMinPx * 0.55)}px;
 }
 .point {
   font-family: 'NotoSansSC-Regular', sans-serif;
   font-weight: normal;
   color: ${palette.text};
-  line-height: 1.5;
+  line-height: 1.45;
   word-break: break-all;
   white-space: normal;
+  padding-left: 28px;
+  position: relative;
+}
+.point::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0.45em;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background: ${palette.accent};
 }
 .safe-area-sentinel {
   position: absolute;
@@ -22119,16 +22027,45 @@ __export(exports_chromium, {
   ChromiumComposer: () => ChromiumComposer
 });
 import { join as join3 } from "path";
-function fontRouteUrls(fontNames) {
-  const map2 = new Map;
-  for (const name of fontNames) {
-    map2.set(name, `${FONT_ROUTE_BASE}${encodeURIComponent(name)}`);
-  }
-  return map2;
+function serveCard(input) {
+  const fontNames = [input.compose.fonts.headline, input.compose.fonts.body];
+  let html = "";
+  const server = Bun.serve({
+    hostname: "127.0.0.1",
+    port: 0,
+    fetch: (request) => {
+      const path2 = decodeURIComponent(new URL(request.url).pathname);
+      if (path2 === "/")
+        return new Response(html, { headers: { "content-type": "text/html; charset=utf-8" } });
+      const name = path2.slice("/fonts/".length);
+      if (path2.startsWith("/fonts/") && fontNames.includes(name)) {
+        return new Response(Bun.file(join3(FONTS_DIR, name)), { headers: { "content-type": "font/otf" } });
+      }
+      return new Response("not found", { status: 404 });
+    }
+  });
+  const url2 = `http://127.0.0.1:${server.port}/`;
+  html = cardHtml(input, new Map(fontNames.map((name) => [name, `${url2}fonts/${encodeURIComponent(name)}`])));
+  return { url: url2, stop: () => server.stop(true) };
 }
 
 class ChromiumComposer {
+  timeoutMs;
+  constructor(options = {}) {
+    this.timeoutMs = options.timeoutMs ?? COMPOSE_TIMEOUT_MS;
+  }
   async compose(input) {
+    let timer;
+    const deadline = new Promise((_, reject) => {
+      timer = setTimeout(() => reject(new Error(`compose: Chromium did not finish within ${this.timeoutMs}ms (stalled launch)`)), this.timeoutMs);
+    });
+    try {
+      return await Promise.race([this.render(input), deadline]);
+    } finally {
+      clearTimeout(timer);
+    }
+  }
+  async render(input) {
     let chromium;
     try {
       const pw = await import("playwright");
@@ -22137,9 +22074,7 @@ class ChromiumComposer {
       throw new Error(`compose: Playwright is not installed. Run: bunx playwright install chromium
 (${err instanceof Error ? err.message : String(err)})`);
     }
-    const fontNames = [input.compose.fonts.headline, input.compose.fonts.body];
-    const fontUrls = fontRouteUrls(fontNames);
-    const html = cardHtml(input, fontUrls);
+    const card = serveCard(input);
     let browser;
     try {
       try {
@@ -22153,22 +22088,7 @@ class ChromiumComposer {
         viewport: { width: input.width, height: input.height },
         deviceScaleFactor: 1
       });
-      await page.route(`${FONT_ROUTE_BASE}**`, async (route) => {
-        const url2 = new URL(route.request().url());
-        const fontName = decodeURIComponent(url2.pathname.slice(1));
-        const fontPath = join3(FONTS_DIR, fontName);
-        try {
-          const bytes = await readBytes(fontPath);
-          await route.fulfill({
-            status: 200,
-            contentType: "font/otf",
-            body: Buffer.from(bytes)
-          });
-        } catch {
-          await route.abort();
-        }
-      });
-      await page.setContent(html, { waitUntil: "domcontentloaded" });
+      await page.goto(card.url, { waitUntil: "domcontentloaded" });
       await page.evaluate("document.fonts.ready");
       const { safeArea, illustrationHeight } = input.compose;
       const safeLeft = safeArea;
@@ -22199,15 +22119,15 @@ class ChromiumComposer {
       return new Uint8Array(screenshot);
     } finally {
       await browser?.close();
+      card.stop();
     }
   }
 }
 function makeChromiumComposer() {
   return new ChromiumComposer;
 }
-var FONTS_DIR, FONT_ROUTE_BASE = "http://kk-fonts.local/";
+var FONTS_DIR, COMPOSE_TIMEOUT_MS = 120000;
 var init_chromium = __esm(() => {
-  init_bytes();
   FONTS_DIR = join3(import.meta.dir, "..", "..", "assets", "fonts");
 });
 
@@ -22298,11 +22218,12 @@ var PluginManifestSchema = exports_external.looseObject({
   name: exports_external.string().min(1),
   kind: PluginKindSchema,
   entry: exports_external.string().min(1),
+  check: exports_external.string().min(1).optional(),
   version: exports_external.string().optional(),
   description: exports_external.string().optional(),
   operations: exports_external.record(exports_external.string(), PluginOperationSchema).optional()
 });
-// ../../node_modules/.bun/@gobing-ai+ts-runtime@0.5.15/node_modules/@gobing-ai/ts-runtime/dist/index.js
+// ../../node_modules/.bun/@gobing-ai+ts-runtime@0.5.21+44edd5c4d6372504/node_modules/@gobing-ai/ts-runtime/dist/index.js
 init_file_system_node();
 init_config();
 
@@ -22310,8 +22231,112 @@ init_config();
 if (false) {}
 // ../../plugins/generations/image-gen/src/index.ts
 init_dist();
-init_bytes();
 
+// ../../plugins/generations/image-gen/src/bytes.ts
+import { readFile, writeFile } from "fs/promises";
+async function writeBytes(path2, bytes) {
+  await writeFile(path2, bytes);
+}
+async function readBytes(path2) {
+  return new Uint8Array(await readFile(path2));
+}
+function imageDimensions(bytes) {
+  if (isPng(bytes))
+    return pngDimensions(bytes);
+  if (isJpeg(bytes))
+    return jpegDimensions(bytes);
+  if (isWebp(bytes))
+    return webpDimensions(bytes);
+  return null;
+}
+function isPng(b) {
+  const PNG_SIG = [137, 80, 78, 71, 13, 10, 26, 10];
+  if (b.byteLength < 24)
+    return false;
+  for (let i = 0;i < 8; i++) {
+    if (b[i] !== PNG_SIG[i])
+      return false;
+  }
+  return true;
+}
+function pngDimensions(b) {
+  const view = new DataView(b.buffer, b.byteOffset, b.byteLength);
+  const ihdrLength = view.getUint32(8, false);
+  if (ihdrLength !== 13 || view.getUint32(12, false) !== 1229472850) {
+    return null;
+  }
+  return { width: view.getUint32(16, false), height: view.getUint32(20, false) };
+}
+function isJpeg(b) {
+  const view = new DataView(b.buffer, b.byteOffset, b.byteLength);
+  return b.byteLength >= 4 && view.getUint16(0, false) === 65496 && view.getUint8(2) === 255;
+}
+function jpegDimensions(b) {
+  const view = new DataView(b.buffer, b.byteOffset, b.byteLength);
+  let at = 2;
+  while (at + 4 <= b.byteLength) {
+    if (view.getUint8(at) !== 255)
+      return null;
+    const marker = view.getUint8(at + 1);
+    at += 2;
+    if (marker === 1 || marker >= 208 && marker <= 215)
+      continue;
+    if (at + 2 > b.byteLength)
+      return null;
+    const length = view.getUint16(at, false);
+    if (length < 2)
+      return null;
+    const isSof = marker >= 192 && marker <= 207 && marker !== 196 && marker !== 200 && marker !== 204;
+    if (isSof) {
+      if (at + 7 > b.byteLength)
+        return null;
+      return { height: view.getUint16(at + 3, false), width: view.getUint16(at + 5, false) };
+    }
+    at += length;
+  }
+  return null;
+}
+function isWebp(b) {
+  if (b.byteLength < 20)
+    return false;
+  const view = new DataView(b.buffer, b.byteOffset, b.byteLength);
+  return view.getUint32(0, true) === 1179011410 && view.getUint32(8, true) === 1346520407;
+}
+function webpDimensions(b) {
+  const view = new DataView(b.buffer, b.byteOffset, b.byteLength);
+  let at = 12;
+  while (at + 8 <= b.byteLength) {
+    const id = String.fromCharCode(view.getUint8(at), view.getUint8(at + 1), view.getUint8(at + 2), view.getUint8(at + 3));
+    const size = view.getUint32(at + 4, true);
+    const body = at + 8;
+    if (id === "VP8 ") {
+      if (size < 10 || body + 10 > b.byteLength)
+        return null;
+      if (view.getUint8(body + 3) !== 157 || view.getUint8(body + 4) !== 1 || view.getUint8(body + 5) !== 42) {
+        return null;
+      }
+      return {
+        width: view.getUint16(body + 6, true) & 16383,
+        height: view.getUint16(body + 8, true) & 16383
+      };
+    }
+    if (id === "VP8L") {
+      if (size < 5 || body + 5 > b.byteLength || view.getUint8(body) !== 47)
+        return null;
+      const bits = view.getUint32(body + 1, true);
+      return { width: (bits & 16383) + 1, height: (bits >>> 14 & 16383) + 1 };
+    }
+    if (id === "VP8X") {
+      if (size < 10 || body + 10 > b.byteLength)
+        return null;
+      const width = view.getUint8(body + 4) | view.getUint8(body + 5) << 8 | view.getUint8(body + 6) << 16;
+      const height = view.getUint8(body + 7) | view.getUint8(body + 8) << 8 | view.getUint8(body + 9) << 16;
+      return { width: width + 1, height: height + 1 };
+    }
+    at = body + size + size % 2;
+  }
+  return null;
+}
 // ../../plugins/generations/image-gen/src/compose/cmap.ts
 function u16(view, offset) {
   return view.getUint16(offset, false);
@@ -22698,7 +22723,6 @@ function loadPresets() {
 import { Buffer as Buffer3 } from "buffer";
 
 // ../../plugins/generations/image-gen/src/providers/refs.ts
-init_bytes();
 import { extname as extname2 } from "path";
 function mimeForPath(path2) {
   const ext = extname2(path2).toLowerCase();
@@ -22720,7 +22744,6 @@ async function refToDataUri(path2) {
 }
 
 // ../../plugins/generations/image-gen/src/providers/seedream.ts
-init_bytes();
 import { Buffer as Buffer2 } from "buffer";
 
 // ../../plugins/generations/image-gen/src/providers/timeouts.ts
@@ -22919,11 +22942,9 @@ var createAgnes = (options) => {
 };
 
 // ../../plugins/generations/image-gen/src/providers/azure.ts
-init_bytes();
 import { extname as extname3 } from "path";
 
 // ../../plugins/generations/image-gen/src/providers/openai.ts
-init_bytes();
 import { Buffer as Buffer4 } from "buffer";
 import { basename as basename2 } from "path";
 var DEFAULT_MODEL3 = "gpt-image-2";
@@ -23333,7 +23354,6 @@ var createAzure = (options) => {
 };
 
 // ../../plugins/generations/image-gen/src/providers/codex-cli.ts
-init_bytes();
 import { spawn } from "child_process";
 import { randomBytes } from "crypto";
 import { access as access2, mkdir, rm, writeFile as writeFile2 } from "fs/promises";
@@ -23858,7 +23878,6 @@ import { execFileSync } from "child_process";
 import { randomUUID } from "crypto";
 import { tmpdir as tmpdir2 } from "os";
 import { join as join2 } from "path";
-init_bytes();
 var GOOGLE_MULTIMODAL_MODELS = [
   "gemini-3-pro-image",
   "gemini-3.1-flash-image",
@@ -24313,7 +24332,6 @@ var createJimeng = (options) => {
 };
 
 // ../../plugins/generations/image-gen/src/providers/minimax.ts
-init_bytes();
 import { Buffer as Buffer7 } from "buffer";
 var DEFAULT_MODEL9 = "image-01";
 var MAX_REFERENCE_IMAGE_BYTES = 10 * 1024 * 1024;

package/plugins/generations/image-gen/presets/formats/xhs-card.yaml

@@ -1,20 +1,21 @@
 name: xhs-card
 description: >-
-  Xiaohongshu (XHS) knowledge card — 3:4 portrait image-text card with large
-  Chinese headline and short bullet points. Adapted from baoyu-xhs-images
-  (MIT © Jim Liu); see plugins/kk/skills/xhs-images/references/card-layouts.md.
-  Task 0180: card copy is typeset from Noto Sans SC via headless Chromium;
-  the provider prompt generates the illustration only.
+  Xiaohongshu (XHS) knowledge card — 3:4 portrait card. Chinese headline and
+  bullets are typeset from Noto Sans SC via headless Chromium; the provider
+  prompt is the illustration only and must not ask for writing. Adapted from
+  baoyu-xhs-images (MIT © Jim Liu); see
+  plugins/kk/skills/xhs-images/references/card-layouts.md.
 job: free
 aspectRatio: '3:4'
 width: 1080
 height: 1440
 defaultStyle: xhs-knowledge
 keywords:
-    - xiaohongshu-style
-    - image-text card layout
+    - text-free flat illustration
+    - blank unlabeled surfaces
+    - empty screens and empty signs
     - fresh clean design
-    - flat illustration accents with geometric decorations
+    - flat geometric accents
     - professional color grading
 outputFilename: 'card-{{index | 01}}.png'
 compose:
@@ -22,7 +23,7 @@ compose:
     safeArea: 72
     headlineMinPx: 64
     bodyMinPx: 36
-    illustrationHeight: 640
+    illustrationHeight: 880
     palette:
         background: '#FFFFFF'
         text: '#1F2328'
@@ -53,11 +54,12 @@ variables:
         description: Additional context (use --content)
         default: ''
 template: |-
-    Xiaohongshu-style knowledge card, portrait 3:4, for a card series.
+    Portrait illustration, 3:4, one scene for a card series.
     Card role: {{role | content}}. Layout: {{layout | definition}}.
     Visual scene: {{subject | clean flat illustration of the core concept}},
-    rendered as flat illustration accents with subtle geometric decorations.
-    Pure illustration, no text, no letters, no numerals, no captions — the text
-    band is typeset separately. Fresh clean design, comfortable margins, no
-    watermark, no extra UI chrome. 8K quality, crisp details, professional color
+    rendered as a flat illustration with subtle geometric decorations.
+    Illustration only. Every surface stays blank: empty screens, empty signs,
+    empty labels. No writing, no letters, no numerals, no captions, no logos,
+    no watermark, no UI chrome. Words are typeset later, outside this image.
+    Fresh clean design, comfortable margins, crisp details, professional color
     grading. {{content}}

package/plugins/generations/image-gen/presets/styles/xhs-knowledge.yaml

@@ -4,5 +4,5 @@ description: >-
   background, clean information layout, soft accent colors, rounded card zones.
   Adapted from baoyu-xhs-images "knowledge card" style guidance (MIT © Jim Liu);
   see plugins/kk/skills/xhs-images/references/card-layouts.md.
-modifiers: simple clean light background, rounded rectangle card zones, soft pastel accent colors, generous whitespace, flat geometric decorations, subtle drop shadows, fresh and professional
-negative: text, letters, numbers, Chinese characters, captions, watermark, logo
+modifiers: simple clean light background, soft pastel accent colors, generous whitespace, flat geometric decorations, subtle drop shadows, fresh and professional, unlabeled surfaces
+negative: text, letters, words, numbers, Chinese characters, calligraphy, signage, captions, watermark, logo, screen glyphs, vertical script, stamps

package/plugins/generations/image-gen/src/compose/card.ts

@@ -220,6 +220,7 @@ html, body {
   justify-content: flex-start;
   overflow: hidden;
   background: ${palette.background};
+  border-top: 8px solid ${palette.accent};
 }
 .headline {
   font-family: 'NotoSansSC-Bold', sans-serif;
@@ -227,6 +228,8 @@ html, body {
   color: ${palette.text};
   line-height: 1.3;
   margin-bottom: ${Math.round(safeArea / 2)}px;
+  padding-bottom: 12px;
+  border-bottom: 4px solid ${palette.accent};
   word-break: break-all;
   white-space: normal;
   /* font-size is set inline with JS fit-step */
@@ -235,15 +238,27 @@ html, body {
 .points-container {
   display: flex;
   flex-direction: column;
-  gap: ${Math.round(bodyMinPx * 0.5)}px;
+  gap: ${Math.round(bodyMinPx * 0.55)}px;
 }
 .point {
   font-family: 'NotoSansSC-Regular', sans-serif;
   font-weight: normal;
   color: ${palette.text};
-  line-height: 1.5;
+  line-height: 1.45;
   word-break: break-all;
   white-space: normal;
+  padding-left: 28px;
+  position: relative;
+}
+.point::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0.45em;
+  width: 14px;
+  height: 14px;
+  border-radius: 50%;
+  background: ${palette.accent};
 }
 .safe-area-sentinel {
   position: absolute;