@baimingtao/lbs-agent 1.0.0

package/extensions/skills/optional/creative/baoyu-article-illustrator/references/prompt-construction.md

@@ -0,0 +1,426 @@
+# Prompt 构建
+
+## Prompt 文件格式
+
+每个 prompt 文件使用 YAML frontmatter + 内容：
+
+```yaml
+---
+illustration_id: 01
+type: infographic
+style: blueprint
+references:                    # ⚠️ 仅当文件存在于 references/ 目录中时
+  - ref_id: 01
+    filename: 01-ref-diagram.png
+    usage: direct              # direct | style | palette
+---
+
+[下方为特定类型的模板内容...]
+```
+
+**⚠️ 关键 - 何时包含 `references` 字段**：
+
+| 情况 | 操作 |
+|-----------|--------|
+| 参考文件已保存至 `references/` | 包含在 frontmatter 中 ✓ |
+| 口头提取的风格（无文件） | 不要包含在 frontmatter 中，请将其附加到 prompt 主体中 |
+| frontmatter 中有文件路径但文件不存在 | 错误 - 移除 references 字段 |
+
+**Reference 用法类型**（仅在文件存在时）：
+
+| 用途 | 说明 | 生成动作 |
+|-------|-------------|-------------------|
+| `direct` | 主要视觉参考 | 在 prompt 文本中描述参考内容（构图、主体、风格、调色板）—— `image_generate` 不接受参考图像输入 |
+| `style` | 仅提取风格特征 | 在 prompt 文本中描述风格 |
+| `palette` | 提取调色板 | 在 prompt 中包含颜色 |
+
+**如果没有参考文件但口头提取了风格/调色板**，请直接附加到 prompt 主体中：
+```
+COLORS (from reference):
+- Primary: #E8756D coral
+- Secondary: #7ECFC0 mint
+...
+
+STYLE (from reference):
+- Clean lines, minimal shadows
+- Gradient backgrounds
+...
+```
+
+---
+
+## 默认 构图 要求
+
+**默认应用于所有 prompt**：
+
+| 要求 | 说明 |
+|-------------|-------------|
+| **干净构图** | 简单的布局，没有视觉杂乱 |
+| **留白** | 充足的边距，元素周围有呼吸空间 |
+| **无复杂背景** | 仅使用纯色或微妙的渐变，避免杂乱的纹理 |
+| **居中或符合内容需求** | 主要视觉元素居中或根据内容需求定位 |
+| **匹配的图形** | 使用与内容主题相符的图形元素 |
+| **突出核心信息** | 利用留白吸引人们注意关键信息 |
+
+**添加到所有 prompt 中**：
+> 干净的构图，充足的留白。简单或无背景。主要元素居中或根据内容需求定位。
+
+---
+
+## 颜色规范规则
+
+prompt 中的颜色使用 hex 代码，仅用于**渲染指导**——它们告诉模型使用哪些颜色，而不是显示什么文本。
+
+**⚠️ 关键**：图像生成模型有时会将颜色名称和 hex 值渲染为图像中的可见文本标签（例如，将“Macaron Blue #A8D8EA”作为标签绘制）。必须防止这种情况。
+
+**添加到所有包含 COLORS 部分的 prompt 中**：
+> 颜色值（#hex）和颜色名称仅供渲染指导——切勿在图像中将颜色名称、hex 代码或调色板标签显示为可见文本。
+
+---
+
+## 角色渲染
+
+在描绘人物时：
+
+| 指引 | 说明 |
+|-----------|-------------|
+| **风格** | 简化的卡通剪影或符号化表达 |
+| **避免** | 逼真的人物刻画、详细的面部 |
+| **多样性** | 在展示多人时使用多样的体型 |
+| **情感** | 通过姿势和简单的手势表达 |
+
+**添加到所有包含人物形象的 prompt 中**：
+> 人物形象：简化的风格化剪影或符号化表示，而非写实照片风格。
+
+---
+
+## 插图中的文字
+
+| 元素 | 指引 |
+|---------|-----------|
+| **大小** | 大、醒目、可立即阅读 |
+| **风格** | 首选手写字体以增加温暖感 |
+| **内容** | 仅包含简洁的关键词和核心概念 |
+| **语言** | 与文章语言匹配 |
+
+**添加到包含文字的 prompt 中**：
+> 文本应大而醒目，使用手写风格字体。保持最简，专注于关键词。
+
+---
+
+## 原则
+
+好的 prompt 必须包含：
+
+1. **布局结构优先**：描述构图、区域、流向
+2. **具体数据/标签**：使用文章中的实际数字和术语
+3. **视觉关系**：元素之间如何连接
+4. **语义颜色**：基于含义的颜色选择（红色=警告，绿色=高效）
+5. **风格特征**：线条处理、纹理、氛围
+6. **宽高比**：以比例和复杂程度结尾
+
+## 特定类型模板
+
+### Infographic
+
+```
+[Title] - Data Visualization
+
+Layout: [grid/radial/hierarchical]
+
+ZONES:
+- Zone 1: [data point with specific values]
+- Zone 2: [comparison with metrics]
+- Zone 3: [summary/conclusion]
+
+LABELS: [specific numbers, percentages, terms from article]
+COLORS: [semantic color mapping]
+STYLE: [style characteristics]
+ASPECT: 16:9
+```
+
+**Infographic + vector-illustration**：
+```
+Flat vector illustration infographic. Clean black outlines on all elements.
+COLORS: Cream background (#F5F0E6), Coral Red (#E07A5F), Mint Green (#81B29A), Mustard Yellow (#F2CC8F)
+ELEMENTS: Geometric simplified icons, no gradients, playful decorative elements (dots, stars)
+```
+
+**Infographic + vector-illustration + 暖色调色板**：
+```
+Flat vector illustration infographic. Clean black outlines on all elements.
+PALETTE OVERRIDE (warm): Warm-only color palette, no cool colors.
+COLORS: Soft Peach background (#FFECD2), Warm Orange (#ED8936),
+        Terracotta (#C05621), Golden Yellow (#F6AD55), Deep Brown (#744210)
+ELEMENTS: Geometric simplified icons, no gradients, rounded corners,
+          modular card layout, consistent icon style
+```
+
+### Scene
+
+```
+[Title] - Atmospheric Scene
+
+FOCAL POINT: [main subject]
+ATMOSPHERE: [lighting, mood, environment]
+MOOD: [emotion to convey]
+COLOR TEMPERATURE: [warm/cool/neutral]
+STYLE: [style characteristics]
+ASPECT: 16:9
+```
+
+### Flowchart
+
+```
+[Title] - Process Flow
+
+Layout: [left-right/top-down/circular]
+
+STEPS:
+1. [Step name] - [brief description]
+2. [Step name] - [brief description]
+...
+
+CONNECTIONS: [arrow types, decision points]
+STYLE: [style characteristics]
+ASPECT: 16:9
+```
+
+**Flowchart + vector-illustration**：
+```
+Flat vector flowchart with bold arrows and geometric step containers.
+COLORS: Cream background (#F5F0E6), steps in Coral/Mint/Mustard, black outlines
+ELEMENTS: Rounded rectangles, thick arrows, simple icons per step
+```
+
+**Flowchart + sketch-notes + macaron palette**：
+```
+Hand-drawn educational flowchart on warm cream paper. Slight wobble on all lines.
+PALETTE: macaron — soft pastel color blocks
+COLORS: Warm Cream background (#F5F0E8), zone fills in Macaron Blue (#A8D8EA),
+        Lavender (#D5C6E0), Mint (#B5E5CF), Coral Red (#E8655A) for emphasis
+ELEMENTS: Rounded cards with dashed/solid borders, wavy hand-drawn arrows with labels,
+          simple stick-figure characters, doodle decorations (stars, underlines)
+STYLE: Color fills don't completely fill outlines, hand-drawn lettering, generous white space
+```
+
+**Flowchart + ink-notes + mono-ink palette**：
+```
+Professional hand-drawn visual-note flowchart on pure white. Black ink line work
+with slight wobble, à la Mike Rohde sketchnoting.
+PALETTE: mono-ink — black ink dominant, sparse semantic accents
+COLORS: Pure White background (#FFFFFF), Near Black (#1A1A1A) for all lines,
+        text, and figures; Coral Red (#E8655A) only for risk/emphasis,
+        Muted Teal (#5FA8A8) only for positive/solution states
+ELEMENTS: Left-to-right stage boxes with rounded-rect frames, wavy hand-drawn
+          arrows between stages, simple stick-figure characters with role
+          labels above (e.g., "ML Engineer", "Team Lead"), dashed-border box
+          for future/empty stage, small doodle icons per stage
+STYLE: Hand-lettered titles (bold, oversized), handwritten stage labels and
+        annotations, generous white space, bottom tagline summarizing takeaway
+```
+
+### Comparison
+
+```
+[Title] - Comparison View
+
+LEFT SIDE - [Option A]:
+- [Point 1]
+- [Point 2]
+
+RIGHT SIDE - [Option B]:
+- [Point 1]
+- [Point 2]
+
+DIVIDER: [visual separator]
+STYLE: [style characteristics]
+ASPECT: 16:9
+```
+
+**Comparison + vector-illustration**：
+```
+Flat vector comparison with split layout. Clear visual separation.
+COLORS: Left side Coral (#E07A5F), Right side Mint (#81B29A), cream background
+ELEMENTS: Bold icons, black outlines, centered divider line
+```
+
+**Comparison + vector-illustration + 暖色调色板**：
+```
+Flat vector comparison with split layout. Clear visual separation.
+PALETTE OVERRIDE (warm): Warm-only color palette, no cool colors.
+COLORS: Left side Warm Orange (#ED8936), Right side Terracotta (#C05621),
+        Soft Peach background (#FFECD2), Deep Brown (#744210) accents
+ELEMENTS: Bold icons, black outlines, centered divider line
+```
+
+**Comparison + ink-notes + mono-ink palette**（Before/After，传统 vs 新方法）：
+```
+Professional hand-drawn sketchnote comparison on pure white. Black ink line work
+with slight wobble, à la Mike Rohde sketchnoting.
+PALETTE: mono-ink — black ink dominant, sparse semantic accents
+COLORS: Pure White background (#FFFFFF), Near Black (#1A1A1A) for all outlines,
+        text, figures, arrows; Coral Red (#E8655A) reserved for risks/gaps
+        (left/Before side); Muted Teal (#5FA8A8) reserved for positives
+        (right/After side). Color accents under 10% of canvas.
+LAYOUT: Left | Right split with vertical hand-drawn divider. Hand-lettered
+        "Before" label (top-left) and "After" label (top-right).
+LEFT SIDE: Stick figure(s) with role label above, speech bubble showing the
+           pain point, bulleted pain-point list in handwritten text.
+RIGHT SIDE: Stick figure(s) showing the new state, bulleted improvement list,
+            small positive-action icons.
+BRIDGE: Curved hand-drawn "mindset shift" arrow bridging left → right with
+        small inline label describing the shift.
+BOTTOM: Single-line hand-lettered tagline summarizing the takeaway.
+STYLE: Hand-lettered headings (bold, oversized), handwritten body annotations,
+        generous white space, no computer fonts, no gradients, no shadows.
+```
+
+### Framework
+
+```
+[Title] - Conceptual Framework
+
+STRUCTURE: [hierarchical/network/matrix]
+
+NODES:
+- [Concept 1] - [role]
+- [Concept 2] - [role]
+
+RELATIONSHIPS: [how nodes connect]
+STYLE: [style characteristics]
+ASPECT: 16:9
+```
+
+**Framework + vector-illustration**：
+```
+Flat vector framework diagram with geometric nodes and bold connectors.
+COLORS: Cream background (#F5F0E6), nodes in Coral/Mint/Mustard/Blue, black outlines
+ELEMENTS: Rounded rectangles or circles for nodes, thick connecting lines
+```
+
+**Framework + vector-illustration + 暖色调色板**：
+```
+Flat vector framework diagram with geometric nodes and bold connectors.
+PALETTE OVERRIDE (warm): Warm-only color palette, no cool colors.
+COLORS: Soft Peach background (#FFECD2), nodes in Warm Orange (#ED8936),
+        Terracotta (#C05621), Golden Yellow (#F6AD55), black outlines
+ELEMENTS: Rounded rectangles or circles for nodes, thick connecting lines
+```
+
+**Framework + ink-notes + mono-ink palette**（指挥中心、OS 类比）：
+```
+Professional hand-drawn sketchnote framework on pure white. Black ink line work
+with slight wobble, à la Mike Rohde sketchnoting.
+PALETTE: mono-ink — black ink dominant, sparse semantic accents
+COLORS: Pure White background (#FFFFFF), Near Black (#1A1A1A) for all lines,
+        text, figures; Dusty Lavender (#9B8AB5) for neutral category tags only;
+        Coral Red (#E8655A) for emphasis sparingly. Color accents under 10%.
+STRUCTURE: Central rounded-rectangle frame as "the system" with hand-lettered
+           title inside. Inner layer of labeled sub-components (node labels
+           above each). Outer layer of feeder arrows from stick-figure
+           operators/users with role labels.
+ELEMENTS: Stick figures at the edges with role tags ("Team Lead", "Operator"),
+          wavy hand-drawn connector arrows with small inline labels, small
+          doodle icons per component, dashed-border placeholder(s) for
+          future/empty capabilities.
+BOTTOM: Single-line hand-lettered tagline.
+STYLE: Hand-lettered headings, handwritten annotations, generous white space,
+        no computer fonts, no gradients.
+```
+
+### Timeline
+
+```
+[Title] - Chronological View
+
+DIRECTION: [horizontal/vertical]
+
+EVENTS:
+- [Date/Period 1]: [milestone]
+- [Date/Period 2]: [milestone]
+
+MARKERS: [visual indicators]
+STYLE: [style characteristics]
+ASPECT: 16:9
+```
+
+### Screen-Print 风格覆盖
+
+当指定 `style: screen-print` 时，将标准风格指令替换为：
+
+```
+Screen print / silkscreen poster art. Flat color blocks, NO gradients.
+COLORS: 2-5 colors maximum. [Choose from style palette or duotone pair]
+TEXTURE: Halftone dot patterns, slight color layer misregistration, paper grain
+COMPOSITION: Bold silhouettes, geometric framing, negative space as storytelling element
+FIGURES: Silhouettes only, no detailed faces, stencil-cut edges
+TYPOGRAPHY: Bold condensed sans-serif integrated into composition (not overlaid)
+```
+
+**Scene + screen-print**：
+```
+Conceptual poster scene. Single symbolic focal point, NOT literal illustration.
+COLORS: Duotone pair (e.g., Burnt Orange #E8751A + Deep Teal #0A6E6E) on Off-Black #121212
+COMPOSITION: Centered silhouette or geometric frame, 60%+ negative space
+TEXTURE: Halftone dots, paper grain, slight print misregistration
+```
+
+**Comparison + screen-print**：
+```
+Split poster composition. Each side dominated by one color from duotone pair.
+LEFT: [Color A] side with silhouette/icon for [Option A]
+RIGHT: [Color B] side with silhouette/icon for [Option B]
+DIVIDER: Geometric shape or negative space boundary
+TEXTURE: Halftone transitions between sides
+```
+
+---
+
+## 调色板覆盖
+
+当指定调色板时（通过 `--palette` 或预设），它将覆盖该风格的默认颜色：
+
+1. 读取 style 文件 → 获取渲染规则（Visual Elements、Style Rules、线条处理）
+2. 读取 palette 文件（`palettes/<palette>.md`） → 获取 Colors + Background
+3. 调色板颜色在 prompt 中**替换**该风格的默认 Color Palette
+4. 调色板背景**替换**该风格的 Background 颜色（保留该风格的纹理描述）
+5. 构建 prompt：风格渲染指令 + 调色板颜色
+
+**Prompt frontmatter** 在指定时包含调色板：
+```yaml
+---
+illustration_id: 01
+type: infographic
+style: vector-illustration
+palette: macaron
+---
+```
+
+**示例**：`vector-illustration` + `macaron` 调色板：
+```
+Flat vector illustration infographic. Clean black outlines on all elements.
+PALETTE: macaron — soft pastel color blocks
+COLORS: Warm Cream background (#F5F0E8), Macaron Blue (#A8D8EA), Mint (#B5E5CF),
+        Lavender (#D5C6E0), Peach (#FFD5C2), Coral Red (#E8655A) for emphasis
+ELEMENTS: Geometric simplified icons, no gradients, playful decorative elements
+```
+
+当未指定调色板时，像以前一样使用该风格内置的 Color Palette。
+
+---
+
+## 应避免的情况
+
+- 模糊的描述（“一张好看的图片”）
+- 字面上的隐喻插图
+- 缺少具体的标签/注释
+- 通用装饰元素
+
+## 水印集成（可选）
+
+如果用户要求添加水印，请附加：
+
+```
+Include a subtle watermark "[content]" positioned at [position].
+```

package/extensions/skills/optional/creative/baoyu-article-illustrator/references/style-presets.md

@@ -0,0 +1,80 @@
+# 样式预设
+
+预设会展开为 类型 + 风格 + 可选配色 的组合。用户可以在其请求中覆盖任何维度。
+
+## 按类别划分
+
+### 技术与工程
+
+| 预设 | 类型 | 风格 | 配色 | 最适合 |
+| ---------- | ------ | ------- | --------- | ---------- |
+| `tech-explainer` | `infographic` | `blueprint` | — | API 文档、系统指标、技术深度解析 |
+| `system-design` | `framework` | `blueprint` | — | 架构图、系统设计 |
+| `architecture` | `framework` | `vector-illustration` | — | 组件关系、模块结构 |
+| `science-paper` | `infographic` | `scientific` | — | 研究结果、实验室数据、学术内容 |
+
+### 知识与教育
+
+| 预设 | 类型 | 风格 | 配色 | 最适合 |
+| ---------- | ------ | ------- | --------- | ---------- |
+| `knowledge-base` | `infographic` | `vector-illustration` | — | 概念说明、教程、操作指南 |
+| `saas-guide` | `infographic` | `notion` | — | 产品指南、SaaS 文档、工具操作演示 |
+| `tutorial` | `flowchart` | `vector-illustration` | — | 分步教程、设置指南 |
+| `process-flow` | `flowchart` | `notion` | — | 工作流文档、新手引导流程 |
+| `warm-knowledge` | `infographic` | `vector-illustration` | `warm` | 产品展示、团队介绍、功能卡片、品牌内容 |
+| `edu-visual` | `infographic` | `vector-illustration` | `macaron` | 知识总结、概念说明、科普文章 |
+| `hand-drawn-edu` | `flowchart` | `sketch-notes` | `macaron` | 手绘教学图表、流程说明、引导可视化 |
+| `ink-notes-compare` | `comparison` | `ink-notes` | `mono-ink` | 前后对比文章、新旧对比、OS 风格对比、思维转变叙事 |
+| `ink-notes-flow` | `flowchart` | `ink-notes` | `mono-ink` | 专业流程说明、人员流转管线、手绘技术演示 |
+| `ink-notes-framework` | `framework` | `ink-notes` | `mono-ink` | 系统类比、指挥中心图表、架构隐喻、技术宣言 |
+
+### 数据与分析
+
+| 预设 | 类型 | 风格 | 配色 | 最适合 |
+| ---------- | ------ | ------- | --------- | ---------- |
+| `data-report` | `infographic` | `editorial` | — | 数据新闻、指标报告、仪表盘 |
+| `versus` | `comparison` | `vector-illustration` | — | 技术对比、框架评测 |
+| `business-compare` | `comparison` | `elegant` | — | 产品评估、策略选项 |
+
+### 叙事与创意
+
+| 预设 | 类型 | 风格 | 配色 | 最适合 |
+| ---------- | ------ | ------- | --------- | ---------- |
+| `storytelling` | `scene` | `warm` | — | 个人随笔、感悟、成长故事 |
+| `lifestyle` | `scene` | `watercolor` | — | 旅行、健康、生活方式、创意内容 |
+| `history` | `timeline` | `elegant` | — | 历史概述、重要里程碑 |
+| `evolution` | `timeline` | `warm` | — | 发展叙事、成长历程 |
+
+### 社论与观点
+
+| 预设 | 类型 | 风格 | 配色 | 最适合 |
+| ---------- | ------ | ------- | --------- | ---------- |
+| `opinion-piece` | `scene` | `screen-print` | — | 专栏文章、评论、批判性文章 |
+| `editorial-poster` | `comparison` | `screen-print` | — | 辩论、对立观点对比 |
+| `cinematic` | `scene` | `screen-print` | — | 戏剧性叙事、文化随笔 |
+
+## 内容类型 → 预设推荐
+
+在第 3 步中，请根据第 2 步的内容分析结果使用此表推荐预设：
+
+| 内容类型 (Step 2) | 主要预设 | 备选预设 |
+| ------------------------ | ---------------- | -------------- |
+| Technical | `tech-explainer` | `system-design`, `architecture` |
+| Tutorial | `tutorial` | `process-flow`, `knowledge-base`, `edu-visual` |
+| Methodology / Framework | `system-design` | `architecture`, `process-flow` |
+| Data / Metrics | `data-report` | `versus`, `tech-explainer` |
+| Comparison / Review | `versus` | `business-compare`, `editorial-poster`, `ink-notes-compare` |
+| Manifesto / Mindset shift / Professional visual note | `ink-notes-compare` | `ink-notes-framework`, `ink-notes-flow` |
+| Narrative / Personal | `storytelling` | `lifestyle`, `evolution` |
+| Opinion / Editorial | `opinion-piece` | `cinematic`, `editorial-poster` |
+| Historical / Timeline | `history` | `evolution` |
+| Academic / Research | `science-paper` | `tech-explainer`, `data-report` |
+| SaaS / Product | `saas-guide` | `knowledge-base`, `process-flow`, `warm-knowledge` |
+| Education / Knowledge | `edu-visual` | `knowledge-base`, `tutorial`, `hand-drawn-edu` |
+
+## 覆盖示例
+
+- "use the tech-explainer preset but swap the style for notion" = infographic 类型，搭配 notion 风格
+- "storytelling preset with timeline type" = timeline 类型，搭配 warm 风格
+
+如果用户在请求中明确指定了 类型/风格/配色，将始终覆盖预设的默认值。

package/extensions/skills/optional/creative/baoyu-article-illustrator/references/styles/blueprint.md

@@ -0,0 +1,57 @@
+# blueprint
+
+精准的技术蓝图风格，具备工程级的精确度
+
+## 设计美学
+
+使用蓝图、图表和示意图构建干净、结构化的视觉隐喻。精准、具有分析性且审美考究。信息以基于网格的布局呈现，体现工程级的精确度。具备技术绘图的质量与专业的润色。
+
+## 背景
+
+- 颜色：蓝图米白 (#FAF8F5)
+- 纹理：细腻的网格叠加，工程绘图纸质感
+
+## 调色板
+
+| 角色 | 颜色 | Hex | 用途 |
+| ------ | ------- | ----- | ------- |
+| Background | 蓝图纸 | #FAF8F5 | 主要背景 |
+| Grid | 浅灰色 | #E5E5E5 | 背景网格线 |
+| Primary Text | 深板岩色 | #334155 | 标题，正文 |
+| Primary Accent | 工程蓝 | #2563EB | 关键元素 |
+| Secondary Accent | 海军蓝 | #1E3A5F | 辅助元素 |
+| Tertiary | 浅蓝色 | #BFDBFE | 填充，背景 |
+| Warning | 琥珀色 | #F59E0B | 警告，强调 |
+
+## 视觉元素
+
+- 精准的线条及一致的描边粗细
+- 技术示意图与干净的矢量图
+- 技术绘图风格的细线条处理
+- 连接线：仅限直线或 90 度角
+- 使用极简图表进行数据可视化
+- 标注线与测量指示器
+- 剖面风格示意图
+- 等轴测或正交投影
+
+## 风格规则
+
+### 宜
+
+- 保持一致的线条粗细
+- 所有元素均采用网格对齐
+- 保持克制的调色板
+- 通过比例缩放创建清晰的视觉层级
+- 所有形状均使用几何级精度
+
+### 忌
+
+- 使用手绘或有机形状
+- 添加装饰性修饰
+- 使用弯曲的连接线
+- 包含摄影元素
+- 添加不必要的修饰
+
+## 最适用于
+
+技术架构、系统设计、数据分析、工程文档、流程图、基础设施文章

package/extensions/skills/optional/creative/baoyu-article-illustrator/references/styles/chalkboard.md

@@ -0,0 +1,62 @@
+# chalkboard
+
+带有彩色粉笔绘图风格的黑色黑板背景
+
+## 设计美学
+
+经典的教室黑板美学，配以手绘风格的粉笔插图。充满怀旧感的教育氛围，通过不完美、略带素描感的线条捕捉传统教学的温暖。彩色粉笔在保持纯正黑板体验的同时，构建出视觉层次感。
+
+## 背景
+
+- 颜色：黑板黑 (#1A1A1A) 或 深绿黑 (#1C2B1C)
+- 材质：逼真的黑板纹理，带有细微的划痕、粉笔灰和淡淡的板擦痕迹
+
+## 排版
+
+带有可见粉笔纹理的手绘粉笔字体风格。不完美的基线增加了真实感。使用白色或明亮的彩色粉笔进行强调。
+
+## 配色方案
+
+| 角色 | 颜色 | Hex | 用途 |
+| ------ | ------- | ----- | ------- |
+| Background | 黑板黑 | #1A1A1A | 主要背景 |
+| Alt Background | 绿黑 | #1C2B1C | 传统绿板 |
+| Primary Text | 粉笔白 | #F5F5F5 | 主要文本，轮廓线 |
+| Accent 1 | 粉笔黄 | #FFE566 | 高亮，强调 |
+| Accent 2 | 粉笔粉 | #FF9999 | 次级高亮 |
+| Accent 3 | 粉笔蓝 | #66B3FF | 图表，链接 |
+| Accent 4 | 粉笔绿 | #90EE90 | 成功，自然 |
+| Accent 5 | 粉笔橙 | #FFB366 | 警告，活力 |
+
+## 视觉元素
+
+- 带有素描感、不完美线条的手绘粉笔插图
+- 文本和关键元素周围的粉笔灰效果
+- 涂鸦：星星、箭头、下划线、圆圈、对号
+- 数学公式和简单图表
+- 板擦涂抹和粉笔残留物纹理
+- 可选的木制边框
+- 火柴人和简单图标
+- 带有手绘感的连接线
+
+## 风格规范
+
+### 推荐做法
+
+- 在所有元素上保持纯正的粉笔纹理
+- 全程使用不完美的手绘质感
+- 添加细微的粉笔灰和涂抹效果
+- 通过丰富的色彩变化创建视觉层次
+- 加入俏皮的涂鸦和注释
+
+### 避免做法
+
+- 使用完美的几何图形
+- 创建干净、具有数字感的线条
+- 添加逼真的照片元素
+- 使用渐变或光泽效果
+- 使其看起来像电脑生成的
+
+## 最适用场景
+
+教育类文章、教程、教学内容、工作坊、非正式学习、知识分享、操作指南、课堂风格的讲解

package/extensions/skills/optional/creative/baoyu-article-illustrator/references/styles/editorial.md

@@ -0,0 +1,59 @@
+# 杂志社论风格
+
+适用于专业内容的杂志风格社论信息图
+
+## 设计美学
+
+高品质杂志讲解美学。通过结构化的布局和专业的排版实现清晰的视觉叙事。参考 Wired、The Verge 或优质科学出版物。让复杂的信息变得通俗易懂。
+
+## 背景
+
+- 颜色：纯白（#FFFFFF）或浅灰（#F8F9FA）
+- 纹理：无或细腻的纸张颗粒感
+
+## 配色方案
+
+| 角色 | 颜色 | Hex | 用途 |
+| ------ | ------- | ----- | ------- |
+| Background | 纯白 | #FFFFFF | 主要背景 |
+| Alt Background | 浅灰 | #F8F9FA | 区块背景 |
+| Primary Text | 近黑 | #1A1A1A | 标题、正文 |
+| Secondary Text | 深灰 | #4A5568 | 说明文字 |
+| Accent 1 | 编辑蓝 | #2563EB | 主强调色 |
+| Accent 2 | 珊瑚色 | #F97316 | 次强调色 |
+| Accent 3 | 祖母绿 | #10B981 | 正向元素 |
+| Accent 4 | 琥珀色 | #F59E0B | 注意力焦点 |
+| Dividers | 中灰 | #D1D5DB | 区块分割线 |
+
+## 视觉元素
+
+- 简洁的扁平化插图
+- 结构化的多区块布局
+- 用于展示洞见的提示框
+- 基于图标的可视化
+- 表达概念的视觉隐喻
+- 带有层级的流程图
+- 引用语和高亮强调
+- 清晰的区块分割线
+
+## 风格规范
+
+### 宜
+
+- 营造清晰的叙事流程
+- 使用结构化的布局
+- 包含提示框
+- 设计视觉隐喻
+- 保持杂志般的精致感
+
+### 忌
+
+- 使用摄影图像
+- 创建杂乱的布局
+- 混合过多风格
+- 添加无意义的装饰
+- 为了风格而牺牲清晰度
+
+## 最适用场景
+
+技术讲解、科学传播、研究文章、政策分析、调查报道、思想领导力、长篇新闻报道