@baimingtao/lbs-agent 1.0.0

package/extensions/skills/builtin/creative/comfyui/workflows/upscale_4x.json

@@ -0,0 +1,27 @@
+{
+  "_comment": "Standalone 4x upscale of an input image using ESRGAN. Required model: 4x-UltraSharp.pth (or any upscaler in models/upscale_models/). Upload with --input-image image=./photo.png.",
+  "1": {
+    "class_type": "LoadImage",
+    "_meta": {"title": "Load Image"},
+    "inputs": {"image": "REPLACE_WITH_UPLOADED_FILENAME.png"}
+  },
+  "2": {
+    "class_type": "UpscaleModelLoader",
+    "_meta": {"title": "Load Upscale Model"},
+    "inputs": {"model_name": "4x-UltraSharp.pth"}
+  },
+  "3": {
+    "class_type": "ImageUpscaleWithModel",
+    "_meta": {"title": "Upscale Image (with Model)"},
+    "inputs": {
+      "upscale_method": "lanczos",
+      "upscale_model": ["2", 0],
+      "image": ["1", 0]
+    }
+  },
+  "4": {
+    "class_type": "SaveImage",
+    "_meta": {"title": "Save"},
+    "inputs": {"filename_prefix": "upscaled_4x", "images": ["3", 0]}
+  }
+}

package/extensions/skills/builtin/creative/comfyui/workflows/wan_video_t2v.json

@@ -0,0 +1,69 @@
+{
+  "_comment": "Wan 2.1 text-to-video. Cloud: confirmed available. Local: download wan2.1_t2v_1.3B_fp16.safetensors → models/diffusion_models/ (or models/unet/), umt5_xxl_fp16.safetensors → models/text_encoders/ (or models/clip/), wan_2.1_vae.safetensors → models/vae/. Output: MP4. Large model — only on cloud or 24 GB+ local GPU.",
+  "6": {
+    "class_type": "CLIPTextEncode",
+    "_meta": {"title": "Prompt"},
+    "inputs": {
+      "text": "a graceful crane taking flight from a misty lake at dawn, slow motion, 4k",
+      "clip": ["38", 0]
+    }
+  },
+  "7": {
+    "class_type": "CLIPTextEncode",
+    "_meta": {"title": "Negative Prompt"},
+    "inputs": {
+      "text": "static, blurry, watermark, low quality",
+      "clip": ["38", 0]
+    }
+  },
+  "8": {
+    "class_type": "VAEDecode",
+    "_meta": {"title": "VAE Decode"},
+    "inputs": {"samples": ["3", 0], "vae": ["39", 0]}
+  },
+  "37": {
+    "class_type": "UNETLoader",
+    "_meta": {"title": "Wan UNET"},
+    "inputs": {"unet_name": "wan2.1_t2v_1.3B_fp16.safetensors", "weight_dtype": "default"}
+  },
+  "38": {
+    "class_type": "CLIPLoader",
+    "_meta": {"title": "Wan CLIP"},
+    "inputs": {"clip_name": "umt5_xxl_fp16.safetensors", "type": "wan"}
+  },
+  "39": {
+    "class_type": "VAELoader",
+    "_meta": {"title": "Wan VAE"},
+    "inputs": {"vae_name": "wan_2.1_vae.safetensors"}
+  },
+  "3": {
+    "class_type": "KSampler",
+    "_meta": {"title": "KSampler"},
+    "inputs": {
+      "seed": 42, "steps": 30, "cfg": 6.0,
+      "sampler_name": "uni_pc", "scheduler": "simple", "denoise": 1.0,
+      "model": ["37", 0],
+      "positive": ["6", 0],
+      "negative": ["7", 0],
+      "latent_image": ["40", 0]
+    }
+  },
+  "40": {
+    "class_type": "EmptyHunyuanLatentVideo",
+    "_meta": {"title": "Latent Video (33 frames)"},
+    "inputs": {"width": 832, "height": 480, "length": 33, "batch_size": 1}
+  },
+  "9": {
+    "class_type": "VHS_VideoCombine",
+    "_meta": {"title": "Video Combine"},
+    "inputs": {
+      "frame_rate": 16.0,
+      "loop_count": 0,
+      "filename_prefix": "wan_t2v",
+      "format": "video/h264-mp4",
+      "pingpong": false,
+      "save_output": true,
+      "images": ["8", 0]
+    }
+  }
+}

package/extensions/skills/builtin/creative/design-md/SKILL.md

@@ -0,0 +1,171 @@
+---
+name: design-md
+description: 编写/验证/导出 Google 的 DESIGN.md token 规范文件。
+version: 1.0.0
+author: Hermes Agent
+license: MIT
+platforms: [linux, macos, windows]
+metadata:
+  hermes:
+    tags: [design, design-system, tokens, ui, accessibility, wcag, tailwind, dtcg, google]
+    related_skills: [popular-web-designs, claude-design, excalidraw, architecture-diagram]
+---
+
+# DESIGN.md Skill
+
+DESIGN.md 是 Google 的开放规范（Apache-2.0, `google-labs-code/design.md`），用于向编码智能体描述视觉特征。单个文件结合了：
+
+- **YAML front matter** — 机器可读的 design tokens（规范值）
+- **Markdown body** — 人类可读的设计依据，组织成规范的章节
+
+Tokens 提供精确的值。说明文字告诉智能体*为什么*存在这些值以及如何应用它们。CLI (`npx @google/design.md`) 会校验结构和 WCAG 对比度、比对版本以检查回归问题，并导出为 Tailwind 或 W3C DTCG JSON。
+
+## 何时使用此 Skill
+
+- 用户要求生成 DESIGN.md 文件、design tokens 或设计系统规范
+- 用户希望在多个项目或工具中保持 UI/品牌的一致性
+- 用户粘贴了现有的 DESIGN.md 并要求对其进行校验、比对、导出或扩展
+- 用户要求将样式指南转换为智能体可读取的格式
+- 用户希望对其调色板进行对比度 / WCAG 无障碍验证
+
+如果仅需要视觉灵感或布局示例，请改用 `popular-web-designs`。如果需要从头设计一次性 HTML 产物（原型、演示文稿、落地页、组件实验室）的*流程与审美*，请使用 `claude-design`。此 skill 专门用于编写*正式的规范文件*本身。
+
+## 文件结构
+
+```md
+---
+version: alpha
+name: Heritage
+description: Architectural minimalism meets journalistic gravitas.
+colors:
+  primary: "#1A1C1E"
+  secondary: "#6C7278"
+  tertiary: "#B8422E"
+  neutral: "#F7F5F2"
+typography:
+  h1:
+    fontFamily: Public Sans
+    fontSize: 3rem
+    fontWeight: 700
+    lineHeight: 1.1
+    letterSpacing: "-0.02em"
+  body-md:
+    fontFamily: Public Sans
+    fontSize: 1rem
+rounded:
+  sm: 4px
+  md: 8px
+  lg: 16px
+spacing:
+  sm: 8px
+  md: 16px
+  lg: 24px
+components:
+  button-primary:
+    backgroundColor: "{colors.tertiary}"
+    textColor: "#FFFFFF"
+    rounded: "{rounded.sm}"
+    padding: 12px
+  button-primary-hover:
+    backgroundColor: "{colors.primary}"
+---
+
+## Overview
+
+Architectural Minimalism meets Journalistic Gravitas...
+
+## Colors
+
+- **Primary (#1A1C1E):** Deep ink for headlines and core text.
+- **Tertiary (#B8422E):** "Boston Clay" — the sole driver for interaction.
+
+## Typography
+
+Public Sans for everything except small all-caps labels...
+
+## Components
+
+`button-primary` is the only high-emphasis action on a page...
+```
+
+## Token 类型
+
+| 类型 | 格式 | 示例 |
+| ------ | -------- | --------- |
+| Color | `#` + hex (sRGB) | `"#1A1C1E"` |
+| Dimension | 数字 + 单位 (`px`, `em`, `rem`) | `48px`, `-0.02em` |
+| Token reference | `{path.to.token}` | `{colors.primary}` |
+| Typography | 包含 `fontFamily`, `fontSize`, `fontWeight`, `lineHeight`, `letterSpacing`, `fontFeature`, `fontVariation` 的对象 | 见上文 |
+
+Component 允许的属性白名单：`backgroundColor`, `textColor`, `typography`, `rounded`, `padding`, `size`, `height`, `width`。变体（hover, active, pressed）是具有相关键名（`button-primary-hover`）的**独立组件条目**，不能嵌套。
+
+## 标准章节顺序
+
+章节是可选的，但出现的章节必须按此顺序排列。重复的标题会导致文件被拒绝。
+
+1. Overview (别名：Brand & Style)
+2. Colors
+3. Typography
+4. Layout (别名：Layout & Spacing)
+5. Elevation & Depth (别名：Elevation)
+6. Shapes
+7. Components
+8. Do's and Don'ts
+
+未知章节会被保留，不会报错。只要值的类型有效，未知的 token 名称就会被接受。未知的 component 属性会生成警告。
+
+## 工作流：编写新的 DESIGN.md
+
+1. **询问用户**（或推断）品牌基调、强调色和排版方向。如果他们提供了网站、图像或氛围参考，请将其转换为上述的 token 结构。
+2. 使用 `write_file` 在用户的项目根目录中**编写 `DESIGN.md`**。始终包含 `name:` 和 `colors:`；其他章节是可选的，但鼓励添加。
+3. 在 `components:` 章节**使用 token 引用**（`{colors.primary}`），而不是重新输入 hex 值。保持调色板为单一数据源。
+4. **校验它**（见下文）。在返回之前修复任何损坏的引用或 WCAG 失败。
+5. **如果用户有现有的项目**，还需在该文件旁写入 Tailwind 或 DTCG 导出文件（`tailwind.theme.json`, `tokens.json`）。
+
+## 工作流：lint / diff / export
+
+CLI 是 `@google/design.md` (Node)。使用 `npx` — 无需全局安装。
+
+```bash
+# Validate structure + token references + WCAG contrast
+npx -y @google/design.md lint DESIGN.md
+
+# Compare two versions, fail on regression (exit 1 = regression)
+npx -y @google/design.md diff DESIGN.md DESIGN-v2.md
+
+# Export to Tailwind theme JSON
+npx -y @google/design.md export --format tailwind DESIGN.md > tailwind.theme.json
+
+# Export to W3C DTCG (Design Tokens Format Module) JSON
+npx -y @google/design.md export --format dtcg DESIGN.md > tokens.json
+
+# Print the spec itself — useful when injecting into an agent prompt
+npx -y @google/design.md spec --rules-only --format json
+```
+
+所有命令都支持使用 `-` 从 stdin 读取。`lint` 在遇到错误时会返回退出码 1。如果你需要以结构化的方式报告结果，请使用 `--format json` 标志并解析输出。
+
+### Lint 规则参考（7 项规则能捕获的内容）
+
+- `broken-ref` (错误) — `{colors.missing}` 指向了不存在的 token
+- `duplicate-section` (错误) — 相同的 `## Heading` 出现了两次
+- `invalid-color`, `invalid-dimension`, `invalid-typography` (错误)
+- `wcag-contrast` (警告/信息) — component 的 `textColor` 与 `backgroundColor` 的对比度比例，依据 WCAG AA (4.5:1) 和 AAA (7:1) 标准
+- `unknown-component-property` (警告) — 不在上文白名单中的属性
+
+当用户关注无障碍性时，请在总结中明确指出这一点——WCAG 结果是使用此 CLI 最关键的原因。
+
+## 常见陷阱
+
+- **不要嵌套 component 变体。** `button-primary.hover` 是错误的；应使用同级的键 `button-primary-hover`。
+- **Hex 颜色必须是带引号的字符串。** 否则 YAML 会卡在 `#` 上，或者奇怪地截断 `#1A1C1E` 等值。
+- **负的尺寸也需要引号。** `letterSpacing: -0.02em` 会被解析为 YAML 流——请写 `letterSpacing: "-0.02em"`。
+- **强制执行章节顺序。** 如果用户给你的说明文字顺序混乱，请在保存前重新排列以匹配标准列表。
+- **`version: alpha` 是当前的规范版本**（截至 2026 年 4 月）。该规范被标记为 alpha——请注意破坏性变更。
+- **Token 引用通过点号分隔的路径解析。** `{colors.primary}` 有效；`{primary}` 无效。
+
+## 规范事实来源
+
+- 仓库：https://github.com/google-labs-code/design.md (Apache-2.0)
+- CLI：npm 上的 `@google/design.md`
+- 生成的 DESIGN.md 文件许可证：遵循用户项目所使用的任何许可证；规范本身是 Apache-2.0。

package/extensions/skills/builtin/creative/design-md/templates/starter.md

@@ -0,0 +1,92 @@
+---
+version: alpha
+name: MyBrand
+description: 视觉标识的一句话描述。
+colors:
+  primary: "#0F172A"
+  secondary: "#64748B"
+  tertiary: "#2563EB"
+  neutral: "#F8FAFC"
+  on-primary: "#FFFFFF"
+  on-tertiary: "#FFFFFF"
+typography:
+  h1:
+    fontFamily: Inter
+    fontSize: 3rem
+    fontWeight: 700
+    lineHeight: 1.1
+    letterSpacing: "-0.02em"
+  h2:
+    fontFamily: Inter
+    fontSize: 2rem
+    fontWeight: 600
+    lineHeight: 1.2
+  body-md:
+    fontFamily: Inter
+    fontSize: 1rem
+    lineHeight: 1.5
+  label-caps:
+    fontFamily: Inter
+    fontSize: 0.75rem
+    fontWeight: 600
+    letterSpacing: "0.08em"
+rounded:
+  sm: 4px
+  md: 8px
+  lg: 16px
+  full: 9999px
+spacing:
+  xs: 4px
+  sm: 8px
+  md: 16px
+  lg: 24px
+  xl: 48px
+components:
+  button-primary:
+    backgroundColor: "{colors.tertiary}"
+    textColor: "{colors.on-tertiary}"
+    rounded: "{rounded.sm}"
+    padding: 12px
+  button-primary-hover:
+    backgroundColor: "{colors.primary}"
+    textColor: "{colors.on-primary}"
+  card:
+    backgroundColor: "{colors.neutral}"
+    textColor: "{colors.primary}"
+    rounded: "{rounded.md}"
+    padding: 24px
+---
+
+## 概览
+
+用一两段话描述品牌的基调和氛围。它能唤起什么样的情绪？用户在第一印象时应该产生怎样的情感反应？
+
+## 颜色
+
+- **Primary ({colors.primary})：** 核心文本、标题、高强调度表面。
+- **Secondary ({colors.secondary})：** 辅助文本、边框、元数据。
+- **Tertiary ({colors.tertiary})：** 交互驱动元素 —— 按钮、链接、选中状态。请谨慎使用以保持其信号作用。
+- **Neutral ({colors.neutral})：** 页面背景和表面填充。
+
+## 排版
+
+所有内容均使用 Inter。通过字重和字号来体现层级，而不是字体族。展示型字号使用紧凑的字间距；正文使用默认字间距。
+
+## 布局
+
+间距比例基于 4px 基准线。组件内部间距使用 `md` (16px)，组件之间的间距使用 `lg` (24px)，区块分隔使用 `xl` (48px)。
+
+## 形状
+
+圆角幅度适中 —— 交互元素使用 `sm`，卡片使用 `md`。`full` 保留用于头像和胶囊状徽章。
+
+## 组件
+
+- `button-primary` 是每个屏幕中唯一的高强调度操作。
+- `card` 是分组内容的默认表面。默认不带阴影。
+
+## 注意事项
+
+- **务必**在组件定义中使用 token 引用 (`{colors.primary}`)，而不是直接使用字面量十六进制值。
+- **切勿**引入调色板之外的颜色 —— 请先扩展调色板。
+- **切勿**嵌套组件变体。`button-primary-hover` 是同级关系，而非父子关系。

package/extensions/skills/builtin/creative/excalidraw/SKILL.md

@@ -0,0 +1,195 @@
+---
+name: excalidraw
+description: "手绘风格的 Excalidraw JSON 图表（架构图、流程图、时序图）。"
+version: 1.0.0
+author: Hermes Agent
+license: MIT
+dependencies: []
+platforms: [linux, macos, windows]
+metadata:
+  hermes:
+    tags: [Excalidraw, Diagrams, Flowcharts, Architecture, Visualization, JSON]
+    related_skills: []
+
+---
+
+# Excalidraw 图表技能
+
+通过编写标准的 Excalidraw 元素 JSON 并保存为 `.excalidraw` 文件来创建图表。这些文件可以拖放到 [excalidraw.com](https://excalidraw.com) 上进行查看和编辑。无需账户、无需 API 密钥、无需渲染库——只需要 JSON。
+
+## 何时使用
+
+生成 `.excalidraw` 文件以用于架构图、流程图、时序图、概念图等。文件可以在 excalidraw.com 上打开，或上传以生成可分享的链接。
+
+## 工作流程
+
+1. **加载此技能**（你已经完成了）
+2. **编写元素 JSON**——一个由 Excalidraw 元素对象组成的数组
+3. **使用 `write_file` 保存文件**，以创建 `.excalidraw` 文件
+4. **（可选）通过 `terminal` 运行 `scripts/upload.py` 上传文件**，以生成可分享的链接
+
+### 保存图表
+
+将你的元素数组包裹在标准的 `.excalidraw` 结构中，并使用 `write_file` 保存：
+
+```json
+{
+  "type": "excalidraw",
+  "version": 2,
+  "source": "hermes-agent",
+  "elements": [ ...your elements array here... ],
+  "appState": {
+    "viewBackgroundColor": "#ffffff"
+  }
+}
+```
+
+可保存至任意路径，例如 `~/diagrams/my_diagram.excalidraw`。
+
+### 上传以获取可分享链接
+
+通过终端运行上传脚本（位于此技能的 `scripts/` 目录下）：
+
+```bash
+python skills/diagramming/excalidraw/scripts/upload.py ~/diagrams/my_diagram.excalidraw
+```
+
+这会将文件上传至 excalidraw.com（无需账户）并输出一个可分享的 URL。需要安装 `cryptography` pip 包（`pip install cryptography`）。
+
+---
+
+## 元素格式参考
+
+### 必填字段（所有元素）
+`type`、`id`（唯一字符串）、`x`、`y`、`width`、`height`
+
+### 默认值（可省略——它们会被自动应用）
+- `strokeColor`: `"#1e1e1e"`
+- `backgroundColor`: `"transparent"`
+- `fillStyle`: `"solid"`
+- `strokeWidth`: `2`
+- `roughness`: `1`（手绘外观）
+- `opacity`: `100`
+
+画布背景色为白色。
+
+### 元素类型
+
+**矩形（Rectangle）**：
+```json
+{ "type": "rectangle", "id": "r1", "x": 100, "y": 100, "width": 200, "height": 100 }
+```
+- 使用 `roundness: { "type": 3 }` 实现圆角
+- 使用 `backgroundColor: "#a5d8ff"` 和 `fillStyle: "solid"` 实现填充
+
+**椭圆（Ellipse）**：
+```json
+{ "type": "ellipse", "id": "e1", "x": 100, "y": 100, "width": 150, "height": 150 }
+```
+
+**菱形（Diamond）**：
+```json
+{ "type": "diamond", "id": "d1", "x": 100, "y": 100, "width": 150, "height": 150 }
+```
+
+**带标签的形状（容器绑定 container binding）**——创建一个绑定到形状的文本元素：
+
+> **警告：** 切勿在形状上使用 `"label": { "text": "..." }`。这不是有效的 Excalidraw 属性，会被直接忽略，从而导致生成的形状为空白。你**必须**使用下方的容器绑定方法。
+
+形状需要包含列出文本的 `boundElements`，而文本则需要通过 `containerId` 指回形状：
+```json
+{ "type": "rectangle", "id": "r1", "x": 100, "y": 100, "width": 200, "height": 80,
+  "roundness": { "type": 3 }, "backgroundColor": "#a5d8ff", "fillStyle": "solid",
+  "boundElements": [{ "id": "t_r1", "type": "text" }] },
+{ "type": "text", "id": "t_r1", "x": 105, "y": 110, "width": 190, "height": 25,
+  "text": "Hello", "fontSize": 20, "fontFamily": 1, "strokeColor": "#1e1e1e",
+  "textAlign": "center", "verticalAlign": "middle",
+  "containerId": "r1", "originalText": "Hello", "autoResize": true }
+```
+- 适用于矩形、椭圆、菱形
+- 当设置了 `containerId` 时，Excalidraw 会自动将文本居中
+- 文本的 `x`/`y`/`width`/`height` 是近似值——Excalidraw 会在加载时重新计算
+- `originalText` 应该与 `text` 相匹配
+- 必须始终包含 `fontFamily: 1`（Virgil/手绘字体）
+
+**带标签的箭头**——使用相同的容器绑定方法：
+```json
+{ "type": "arrow", "id": "a1", "x": 300, "y": 150, "width": 200, "height": 0,
+  "points": [[0,0],[200,0]], "endArrowhead": "arrow",
+  "boundElements": [{ "id": "t_a1", "type": "text" }] },
+{ "type": "text", "id": "t_a1", "x": 370, "y": 130, "width": 60, "height": 20,
+  "text": "connects", "fontSize": 16, "fontFamily": 1, "strokeColor": "#1e1e1e",
+  "textAlign": "center", "verticalAlign": "middle",
+  "containerId": "a1", "originalText": "connects", "autoResize": true }
+```
+
+**独立文本**（仅用于标题和注释——无容器）：
+```json
+{ "type": "text", "id": "t1", "x": 150, "y": 138, "text": "Hello", "fontSize": 20,
+  "fontFamily": 1, "strokeColor": "#1e1e1e", "originalText": "Hello", "autoResize": true }
+```
+- `x` 是左边缘。要在位置 `cx` 居中：`x = cx - (text.length * fontSize * 0.5) / 2`
+- 不要依赖 `textAlign` 或 `width` 进行定位
+
+**箭头（Arrow）**：
+```json
+{ "type": "arrow", "id": "a1", "x": 300, "y": 150, "width": 200, "height": 0,
+  "points": [[0,0],[200,0]], "endArrowhead": "arrow" }
+```
+- `points`：相对于元素 `x`、`y` 的 `[dx, dy]` 偏移量
+- `endArrowhead`：`null` | `"arrow"` | `"bar"` | `"dot"` | `"triangle"`
+- `strokeStyle`：`"solid"`（默认） | `"dashed"` | `"dotted"`
+
+### 箭头绑定（将箭头连接到形状）
+
+```json
+{
+  "type": "arrow", "id": "a1", "x": 300, "y": 150, "width": 150, "height": 0,
+  "points": [[0,0],[150,0]], "endArrowhead": "arrow",
+  "startBinding": { "elementId": "r1", "fixedPoint": [1, 0.5] },
+  "endBinding": { "elementId": "r2", "fixedPoint": [0, 0.5] }
+}
+```
+
+`fixedPoint` 坐标含义：`顶部=[0.5,0]`、`底部=[0.5,1]`、`左侧=[0,0.5]`、`右侧=[1,0.5]`
+
+### 绘制顺序（z-order/层级顺序）
+- 数组顺序 = z 顺序（第一个 = 最底层，最后一个 = 最顶层）
+- 按顺序逐步输出：背景区域 → 形状 → 其绑定的文本 → 其箭头 → 下一个形状
+- 错误做法：输出所有矩形，接着是所有文本，最后是所有箭头
+- 正确做法：bg_zone → shape1 → text_for_shape1 → arrow1 → arrow_label_text → shape2 → text_for_shape2 → ...
+- 必须始终将绑定的文本元素紧跟在其容器形状之后
+
+### 尺寸指南
+
+**字号：**
+- 正文、标签、描述的最小 `fontSize`：**16**
+- 标题和Heading的最小 `fontSize`：**20**
+- 仅限次要注释使用的最小 `fontSize`：**14**（尽量少用）
+- 绝对不要使用低于 14 的 `fontSize`
+
+**元素尺寸：**
+- 带标签的矩形/椭圆的最小形状尺寸为：120x60
+- 元素之间至少留出 20-30px 的间距
+- 尽量使用较少、较大的元素，而不是大量微小的元素
+
+### 调色板
+
+完整的颜色表请参见 `references/colors.md`。快速参考：
+
+| 用途 | 填充颜色 | 十六进制 |
+| ----- | ----------- | ----- |
+| 主要 / 输入 | 浅蓝色 | `#a5d8ff` |
+| 成功 / 输出 | 浅绿色 | `#b2f2bb` |
+| 警告 / 外部 | 浅橙色 | `#ffd8a8` |
+| 处理中 / 特殊 | 浅紫色 | `#d0bfff` |
+| 错误 / 严重 | 浅红色 | `#ffc9c9` |
+| 备注 / 决策 | 浅黄色 | `#fff3bf` |
+| 存储 / 数据 | 浅青色 | `#c3fae8` |
+
+### 提示
+- 在整个图表中一致地使用调色板
+- **文本对比度至关重要**——切勿在白色背景上使用浅灰色。白色背景上的最小文本颜色应为：`#757575`
+- 不要在文本中使用 emoji——它们无法在 Excalidraw 的字体中正常渲染
+- 有关深色模式的图表，请参阅 `references/dark-mode.md`
+- 有关更多实际示例，请参阅 `references/examples.md`

package/extensions/skills/builtin/creative/excalidraw/references/colors.md

@@ -0,0 +1,44 @@
+# Excalidraw 调色板
+
+在各类图表中一致使用这些颜色。
+
+## 主色调（用于描边、箭头和强调）
+
+| 名称 | Hex | 用途 |
+| ------ | ----- | ----- |
+| Blue | `#4a9eed` | 主要操作、链接、数据系列 1 |
+| Amber | `#f59e0b` | 警告、高亮、数据系列 2 |
+| Green | `#22c55e` | 成功、正面、数据系列 3 |
+| Red | `#ef4444` | 错误、负面、数据系列 4 |
+| Purple | `#8b5cf6` | 强调、特殊项、数据系列 5 |
+| Pink | `#ec4899` | 装饰、数据系列 6 |
+| Cyan | `#06b6d4` | 信息、次要、数据系列 7 |
+| Lime | `#84cc16` | 额外、数据系列 8 |
+
+## 柔和填充色（用于形状背景）
+
+| 颜色 | Hex | 适用场景 |
+| ------- | ----- | ---------- |
+| Light Blue | `#a5d8ff` | 输入、来源、主要节点 |
+| Light Green | `#b2f2bb` | 成功、输出、已完成 |
+| Light Orange | `#ffd8a8` | 警告、待处理、外部 |
+| Light Purple | `#d0bfff` | 处理、middleware、特殊 |
+| Light Red | `#ffc9c9` | 错误、严重、警报 |
+| Light Yellow | `#fff3bf` | 备注、决策、规划 |
+| Light Teal | `#c3fae8` | 存储、数据、内存 |
+| Light Pink | `#eebefa` | 分析、指标 |
+
+## 背景区域（用于分层图表时透明度设置为：30-35）
+
+| 颜色 | Hex | 适用场景 |
+| ------- | ----- | ---------- |
+| Blue zone | `#dbe4ff` | UI / 前端层 |
+| Purple zone | `#e5dbff` | 逻辑 / agent 层 |
+| Green zone | `#d3f9d8` | 数据 / 工具层 |
+
+## 文本对比度规则
+
+- **在白色背景上**：文本颜色最低为 `#757575`。默认使用 `#1e1e1e` 效果最佳。
+- **浅色填充上的彩色文本**：使用深色变体（使用 `#15803d` 而非 `#22c55e`，使用 `#2563eb` 而非 `#4a9eed`）
+- **白色文本**：仅在深色背景上使用（使用 `#9a5030` 而非 `#c4795b`）
+- **避免**：在白色背景上使用浅灰色（`#b0b0b0`、`#999`）—— 阅读性极差

package/extensions/skills/builtin/creative/excalidraw/references/dark-mode.md

@@ -0,0 +1,67 @@
+# Excalidraw 暗黑模式图表
+
+要创建暗黑主题的图表，请在数组中使用一个巨大的暗色背景矩形作为**第一个元素**。确保其尺寸足够大，以覆盖任何视口：
+
+```json
+{
+  "type": "rectangle", "id": "darkbg",
+  "x": -4000, "y": -3000, "width": 10000, "height": 7500,
+  "backgroundColor": "#1e1e2e", "fillStyle": "solid",
+  "strokeColor": "transparent", "strokeWidth": 0
+}
+```
+
+然后在暗色背景上为元素使用以下调色板。
+
+## 文本颜色（暗色背景）
+
+| 颜色 | Hex | 用途 |
+| ------- | ----- | ----- |
+| 白色 | `#e5e5e5` | 主要文本，标题 |
+| 静音色 | `#a0a0a0` | 次要文本，注释 |
+| 绝对不要使用 | `#555` 或更暗 | 在暗色背景上不可见！ |
+
+## 形状填充（暗色背景）
+
+| 颜色 | Hex | 适用场景 |
+| ------- | ----- | ---------- |
+| 深蓝色 | `#1e3a5f` | 主要节点 |
+| 深绿色 | `#1a4d2e` | 成功，输出 |
+| 深紫色 | `#2d1b69` | 处理，特殊 |
+| 深橙色 | `#5c3d1a` | 警告，等待中 |
+| 深红色 | `#5c1a1a` | 错误，严重 |
+| 深青色 | `#1a4d4d` | 存储，数据 |
+
+## 描边和箭头颜色（暗色背景）
+
+使用主调色板中的标准 Primary Colors——它们在暗色背景上足够明亮：
+- 蓝色 `#4a9eed`，琥珀色 `#f59e0b`，绿色 `#22c55e`，红色 `#ef4444`，紫色 `#8b5cf6`
+
+对于不明显的形状边框，请使用 `#555555`。
+
+## 示例：暗黑模式带标签矩形
+
+使用 container binding（不要使用 `"label"` 属性，该属性无效）。在暗色背景上，将文本的 `strokeColor` 设置为 `"#e5e5e5"` 以确保可见：
+
+```json
+[
+  {
+    "type": "rectangle", "id": "r1",
+    "x": 100, "y": 100, "width": 200, "height": 80,
+    "backgroundColor": "#1e3a5f", "fillStyle": "solid",
+    "strokeColor": "#4a9eed", "strokeWidth": 2,
+    "roundness": { "type": 3 },
+    "boundElements": [{ "id": "t_r1", "type": "text" }]
+  },
+  {
+    "type": "text", "id": "t_r1",
+    "x": 105, "y": 120, "width": 190, "height": 25,
+    "text": "Dark Node", "fontSize": 20, "fontFamily": 1,
+    "strokeColor": "#e5e5e5",
+    "textAlign": "center", "verticalAlign": "middle",
+    "containerId": "r1", "originalText": "Dark Node", "autoResize": true
+  }
+]
+```
+
+注意：对于暗色背景上的独立文本元素，请务必显式设置 `"strokeColor": "#e5e5e5"`。默认的 `#1e1e1e` 在暗色模式下是不可见的。