feat: 导出 SproutClaw .sproutclaw 配置

包含 extensions、skills、prompts、settings、auth、models、mcp 等配置。
排除 node_modules、npm 缓存、sessions 等运行时数据。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/README.md

@@ -0,0 +1,15 @@
+# image_text_showcase
+
+- Canvas format: ppt169
+- Created: 20260515
+
+## Directories
+
+- `svg_output/`: raw SVG output
+- `svg_final/`: finalized SVG output
+- `images/`: presentation assets
+- `notes/`: speaker notes
+- `templates/`: project templates
+- `sources/`: source materials and normalized markdown
+- `exports/`: main native pptx (timestamped); `_svg.pptx` sibling added when exported with `--svg-snapshot`
+- `backup/<timestamp>/`: svg_output/ archive (always written in default-flow mode; safe to delete old timestamps)

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/design_spec.md

@@ -0,0 +1,361 @@
+# Image-Text Showcase — Design Spec
+
+> Human-readable design narrative. Machine-readable contract: `spec_lock.md`. On divergence, `spec_lock.md` wins.
+
+## I. Project Information
+
+| Item | Value |
+| ---- | ----- |
+| **Project Name** | Image-Text Showcase |
+| **Canvas Format** | PPT 16:9 (1280×720) |
+| **Page Count** | 20 |
+| **Design Style** | A) General Versatile + editorial-showcase |
+| **Target Audience** | 设计师、PPT制作者、AI工具用户 |
+| **Use Case** | 图文结合能力展示 / 视觉样例集 |
+| **Created Date** | 2026-05-15 |
+
+---
+
+## II. Canvas Specification
+
+| Property | Value |
+| -------- | ----- |
+| **Format** | PPT 16:9 |
+| **Dimensions** | 1280×720 |
+| **viewBox** | `0 0 1280 720` |
+| **Margins** | left/right 60px, top/bottom 50px |
+| **Content Area** | 1160×620 (x=60, y=50) |
+
+---
+
+## III. Visual Theme
+
+### Theme Style
+
+- **Style**: A) General Versatile + editorial-showcase
+- **Theme**: 每页独立主题（dark/light 随各页 rendering 而异）
+- **Tone**: 多元视觉语言并置；每页是一个独立的视觉风格样本
+
+### Color Scheme
+
+> 每页颜色服从该页 rendering × palette 组合，以下为 SVG 结构色（非图像色）
+
+| Role | HEX | Purpose |
+| ---- | --- | ------- |
+| **Background** | `#0F1117` | 默认深底（各页可覆盖） |
+| **Secondary bg** | `#1A1D2E` | 卡片/区块底色 |
+| **Primary** | `#7C6FF7` | 主调紫蓝 |
+| **Accent** | `#F5A623` | 金橙强调 |
+| **Secondary accent** | `#4ECDC4` | 青绿对比 |
+| **Body text** | `#E8E8F0` | 正文浅灰白 |
+| **Secondary text** | `#9090A0` | 说明文字 |
+| **Tertiary text** | `#5A5A72` | 页码/补充 |
+| **Border/divider** | `#2A2D3E` | 边框分割线 |
+| **Success** | `#4CAF50` | 正向指标 |
+| **Warning** | `#EF5350` | 警示标记 |
+
+### AI Image Strategy
+
+每页图像独立指定 rendering × palette（见 §VIII 及 §IX），非统一锁定。
+
+---
+
+## IV. Typography System
+
+**Typography direction**: contrast — serif title × sans body
+
+| Role | Chinese | English | Fallback tail |
+| ---- | ------- | ------- | ------------- |
+| **Title** | `"Microsoft YaHei"` | `Georgia` | `serif` |
+| **Body** | `"Microsoft YaHei", "PingFang SC"` | `Arial` | `sans-serif` |
+| **Emphasis** | `"Microsoft YaHei"` | `Georgia` | `serif` |
+| **Code** | — | `Consolas, "Courier New"` | `monospace` |
+
+**Per-role font stacks**:
+- Title: `Georgia, "Microsoft YaHei", serif`
+- Body: `Arial, "Microsoft YaHei", "PingFang SC", sans-serif`
+- Emphasis: `Georgia, "Microsoft YaHei", serif`
+- Code: `Consolas, "Courier New", monospace`
+
+**Baseline**: Body = 20px
+
+| Purpose | Ratio | @ 20px |
+| ------- | ----- | ------ |
+| Cover title | 3-5x | 60-100px |
+| Chapter opener | 2-2.5x | 40-50px |
+| Page title | 1.5-2x | 30-40px |
+| Subtitle | 1.2-1.5x | 24-30px |
+| **Body** | **1x** | **20px** |
+| Annotation | 0.7-0.85x | 14-17px |
+| Page number | 0.5-0.65x | 10-13px |
+
+---
+
+## V. Layout Principles
+
+### Page Structure
+
+- **Header area**: y=0~80px，页面标题或留白
+- **Content area**: y=80~670px，主内容区
+- **Footer area**: y=670~720px，页码/标注
+
+### Layout Pattern Library
+
+本项目每页使用不同布局，详见 §IX Content Outline。
+
+### Spacing Specification
+
+| Element | Value |
+| ------- | ----- |
+| Safe margin | 60px (left/right), 50px (top/bottom) |
+| Content block gap | 32px |
+| Card gap | 24px |
+| Card padding | 28px |
+| Card border radius | 12px |
+
+---
+
+## VI. Icon Usage Specification
+
+**Library**: `tabler-outline`, stroke-width `2`
+
+| Purpose | Icon Path | Page |
+| ------- | --------- | ---- |
+| 图文结合 | `tabler-outline/layout-collage` | P02 目录 |
+| 全出血布局 | `tabler-outline/frame` | P02 目录 |
+| 左右分栏 | `tabler-outline/layout-columns` | P02 目录 |
+| 图文叠压 | `tabler-outline/layers-intersect` | P02 目录 |
+| 卡片网格 | `tabler-outline/layout-grid` | P02 目录 |
+| 图片 | `tabler-outline/photo` | P02 目录 |
+| 调色板 | `tabler-outline/palette` | P02 目录 |
+| 画板 | `tabler-outline/artboard` | P02 目录 |
+
+---
+
+## VII. Visualization Reference List
+
+Catalog read: 71 templates
+
+本项目以图文布局展示为主，无数据图表页，不使用 charts 模板库。
+
+No-template-match: all pages use custom layouts designed to demonstrate image-text composition patterns.
+
+---
+
+## VIII. Image Resource List
+
+每页一张AI图，rendering × palette 各页独立。
+
+| Filename | Dimensions | Ratio | Purpose | Type | Acquire Via | Status | Reference | text_policy | page_role |
+| -------- | ---------- | ----- | ------- | ---- | ----------- | ------ | --------- | ----------- | --------- |
+| p01_cover.png | 1280×720 | 1.78 | 封面全出血背景 | Background | ai | Pending | Futuristic frosted glass panels layered over deep space; calm center reserved for title overlay; subtle light refractions at edges | none | hero_page |
+| p03_left_img.png | 427×620 | 0.69 | 左1/3竖版图 | Photography | ai | Pending | Professional editorial portrait: diverse creative team collaborating, modern studio, natural sidelighting, shallow depth of field | none | local |
+| p04_right_img.png | 800×720 | 1.11 | 右侧出血大图 | Illustration | ai | Pending | Bold flat vector composition: abstract geometric cityscape with sharp color blocks; right edge bleeds off canvas | none | local |
+| p05_top_img.png | 1280×320 | 4.0 | 顶部全幅横图 | Background | ai | Pending | Soft watercolor wash: mountain lake at dawn, wide panoramic, muted pastel reflections, top-heavy composition leaving bottom clear | none | local |
+| p06_bottom_img.png | 1280×360 | 3.56 | 底部全幅图 | Illustration | ai | Pending | Hand-drawn sketch: cozy reading corner, warm pencil lines, pastel color fills, bottom-weighted scene with open sky at top | none | local |
+| p07_z_img1.png | 560×200 | 2.8 | Z型第一段图 | Illustration | ai | Pending | Isometric 3D tech object: server rack or CPU chip, clean shadows, top-left anchor composition | none | local |
+| p07_z_img2.png | 560×200 | 2.8 | Z型第三段图 | Illustration | ai | Pending | Isometric 3D network diagram: connected nodes and cables, same isometric angle as img1 | none | local |
+| p08_grid_center.png | 400×400 | 1.0 | 九宫格中心图 | Illustration | ai | Pending | Blueprint-style technical schematic: circuit board with grid lines, monospace annotations, monochrome blue-on-dark | none | local |
+| p09_circle_img.png | 400×400 | 1.0 | 圆形中心图 | Illustration | ai | Pending | Digital dashboard interface fragment: glowing circular gauge, data rings, dark background, high-tech UI aesthetic | none | local |
+| p10_bg_texture.png | 1280×720 | 1.78 | 全幅底纹背景 | Background | ai | Pending | Pixel art cityscape at night: 8-bit buildings and neon signs tiled across the full canvas, vibrant saturated colors | none | hero_page |
+| p11_papercut.png | 1280×720 | 1.78 | 剪纸分层背景 | Illustration | ai | Pending | Layered paper-cut landscape: 4 depth layers of mountains and trees, each layer a different green-earth tone, soft cast shadows | none | hero_page |
+| p12_poster_img.png | 256×720 | 0.36 | 竖版杂志窄图 | Illustration | ai | Pending | Mid-century vintage poster fragment: bold geometric shapes, halftone texture, limited 3-color palette, vertical composition | none | local |
+| p13_diagonal_img.png | 700×420 | 1.67 | 对角线上半图 | Illustration | ai | Pending | Fantasy animation style: dreamy forest scene with soft glowing particles, warm amber light filtering through canopy, Ghibli-inspired atmosphere | none | local |
+| p14_fade_bg.png | 1280×720 | 1.78 | 褪色底图 | Background | ai | Pending | Ink wash painting: abstract brushstrokes suggesting mountains and mist, desaturated earthy tones, large central negative space | none | hero_page |
+| p15_bottom_img.png | 1280×360 | 3.56 | 下半幅图 | Illustration | ai | Pending | Flat design scene: modern office workspace seen from above, geometric furniture shapes, jewel-tone color palette, clean isometric-free flat view | none | local |
+| p16_center_img.png | 480×480 | 1.0 | 中心圆形图 | Illustration | ai | Pending | Minimalist swiss-style graphic: single bold geometric form (circle or square) centered on white field, aggressive negative space, Helvetica-era precision | none | local |
+| p17_strip_img.png | 1280×240 | 5.33 | 横贯中部窄条图 | Illustration | ai | Pending | Screen-print style banner: bold halftone pattern, limited 2-color duotone treatment, horizontal rhythm of repeated graphic motifs | none | local |
+| p18_polygon_img.png | 600×500 | 1.2 | 不规则多边形图 | Illustration | ai | Pending | Organic nature illustration: lush tropical leaves and botanical elements arranged in a loose hexagonal cluster, earthy warm greens | none | local |
+| p19_collage1.png | 380×320 | 1.19 | 蒙太奇图1 | Photography | ai | Pending | Editorial magazine photo: urban architecture detail, dramatic shadow play, high contrast, cropped unconventionally | none | local |
+| p19_collage2.png | 380×320 | 1.19 | 蒙太奇图2 | Photography | ai | Pending | Editorial magazine photo: close-up texture surface — fabric or concrete, abstract pattern, monochromatic | none | local |
+| p19_collage3.png | 460×320 | 1.44 | 蒙太奇图3（宽） | Photography | ai | Pending | Editorial magazine photo: motion blur street scene, long exposure light trails, cool blue atmosphere | none | local |
+| p20_closing.png | 1280×720 | 1.78 | 结尾背景 | Background | ai | Pending | Chalk drawing on blackboard: simple constellation of dots and hand-drawn lines forming a subtle geometric pattern, warm white chalk marks on dark green surface | none | hero_page |
+
+---
+
+## IX. Content Outline
+
+### Part 1: 封面与导航
+
+#### Slide 01 — 封面
+
+- **Layout**: 全出血背景图 + 居中悬浮标题块
+- **Rendering × Palette**: `glassmorphism` × `dark-cinematic`
+- **Image**: p01_cover.png (hero_page，全出血)
+- **Title**: 图文结合
+- **Subtitle**: 20种视觉语言的并置实验
+- **Info**: PPT Master · 2026
+
+#### Slide 02 — 目录
+
+- **Layout**: 左侧深色色块 + 右侧编号列表（无图）
+- **Rendering × Palette**: 无图，使用项目主配色
+- **Content**: 列出20页风格速览，每条一行
+
+### Part 2: 图文组合样本
+
+#### Slide 03 — 左1/3竖图 + 右文字主体
+
+- **Layout**: 左侧竖版图 width=427px，右侧文字区 width=733px
+- **Rendering × Palette**: `corporate-photo` × `cool-corporate`
+- **Image**: p03_left_img.png
+- **Title**: 编辑摄影 × 专业蓝
+- **Content**: 竖版人物图左置，文字在右大面积展开；图文比例约3:7，适合以文字为主的叙述型页面
+
+#### Slide 04 — 右图左文，图出血至右边缘
+
+- **Layout**: 左侧文字区 width=440px，右侧图出血至边缘 width=840px
+- **Rendering × Palette**: `vector-illustration` × `frost-ice`
+- **Image**: p04_right_img.png
+- **Title**: 矢量插画 × 冰霜白
+- **Content**: 扁平矢量图占据右侧并出血，文字在左浮动；大图小字制造张力
+
+#### Slide 05 — 顶部全幅图 + 底部三栏文字
+
+- **Layout**: 上半 height=360px 全幅图，下半 height=310px 三栏等宽文字
+- **Rendering × Palette**: `watercolor` × `warm-earth`
+- **Image**: p05_top_img.png
+- **Title**: 水彩渲染 × 暖土色
+- **Content**: 宽幅水彩图压顶，下方三栏简短文字如图注般排列
+
+#### Slide 06 — 底部全幅图 + 顶部标题 + 中段文字
+
+- **Layout**: 顶部 height=120px 标题区，中段 height=200px 文字，底部 height=360px 全幅图
+- **Rendering × Palette**: `sketch-notes` × `macaron`
+- **Image**: p06_bottom_img.png
+- **Title**: 手绘速写 × 马卡龙
+- **Content**: 图在底部如舞台布景，文字浮于上方；温暖手绘感
+
+#### Slide 07 — Z型图文交替三段蛇形
+
+- **Layout**: 三行交替：图左文右 → 文左图右 → 图左文右，每段 height≈190px
+- **Rendering × Palette**: `3d-isometric` × `tech-neon`
+- **Image**: p07_z_img1.png, p07_z_img2.png
+- **Title**: 等距3D × 霓虹科技
+- **Content**: Z型视线引导；两张等距3D图与三段文字交织排列
+
+#### Slide 08 — 九宫格图文混排网格
+
+- **Layout**: 3×3 grid，中心格放图，其余8格放文字/色块
+- **Rendering × Palette**: `blueprint` × `editorial-classic`
+- **Image**: p08_grid_center.png
+- **Title**: 蓝图技术 × 编辑经典
+- **Content**: 电路板图居中，周围8格填充标题、说明、标注等文字元素
+
+#### Slide 09 — 圆形图像居中 + 四角文字放射
+
+- **Layout**: 圆形裁切图居中 diameter=380px，四个角落各一文字块
+- **Rendering × Palette**: `digital-dashboard` × `mono-ink`
+- **Image**: p09_circle_img.png (clipPath圆形裁切)
+- **Title**: 数字仪表 × 墨黑单色
+- **Content**: 高科技仪表盘图像圆形展示，四角文字如标注向外发散
+
+#### Slide 10 — 图作全幅底纹 + 文字信息密铺
+
+- **Layout**: 图全幅平铺为背景，深色遮罩overlay，文字分四区域密铺
+- **Rendering × Palette**: `pixel-art` × `vivid-launch`
+- **Image**: p10_bg_texture.png (hero_page)
+- **Title**: 像素复古 × 活力发射
+- **Content**: 8-bit像素背景上铺设四块信息卡片，霓虹文字与像素感呼应
+
+#### Slide 11 — 剪纸分层叠叠 + 文字嵌入各层
+
+- **Layout**: 图全出血为剪纸背景，文字块嵌入各剪纸层之间
+- **Rendering × Palette**: `paper-cut` × `nature-organic`
+- **Image**: p11_papercut.png (hero_page)
+- **Title**: 剪纸艺术 × 自然有机
+- **Content**: 多层剪纸山景，文字分布于不同景深层，模拟纸层嵌字
+
+#### Slide 12 — 竖版杂志：窄图占左20% + 大标题横排
+
+- **Layout**: 左侧竖条图 width=256px，右侧大标题 + 正文占余下1024px
+- **Rendering × Palette**: `vintage-poster` × `duotone`
+- **Image**: p12_poster_img.png
+- **Title**: 复古海报 × 双色调
+- **Content**: 窄竖图如书脊般立于左缘，右侧大号字排版如杂志封面
+
+#### Slide 13 — 对角线分割：左上图，右下文
+
+- **Layout**: 对角线切割，左上三角区域放图，右下三角区域放文字
+- **Rendering × Palette**: `fantasy-animation` × `sunset-gradient`
+- **Image**: p13_diagonal_img.png
+- **Title**: 奇幻动画 × 落日渐变
+- **Content**: 吉卜力风森林图占左上，文字在右下三角内排列；对角张力
+
+#### Slide 14 — 图片褪色为底色 + 大字叠压
+
+- **Layout**: 图全出血低饱和度处理，大字（font-size≈80px）直接叠压其上
+- **Rendering × Palette**: `ink-notes` × `earthy-dusty`
+- **Image**: p14_fade_bg.png (hero_page，低饱和底图)
+- **Title**: 水墨笔记 × 尘土大地
+- **Content**: 水墨山水褪为底色，单行超大字叠压；图为纹理，字为主角
+
+#### Slide 15 — 上下各半：上段文字，下段图
+
+- **Layout**: 上半 height=340px 文字区，下半 height=340px 全幅图（有细分割线）
+- **Rendering × Palette**: `flat` × `jewel-tone`
+- **Image**: p15_bottom_img.png
+- **Title**: 扁平设计 × 宝石色调
+- **Content**: 上方大标题+正文，下方扁平俯视图；图文各占半幅，对等对话
+
+#### Slide 16 — 中心大图 + 环绕一圈文字标注
+
+- **Layout**: 正方形图居中 size=480×480，周围六个方向标注文字带指示线
+- **Rendering × Palette**: `minimalist-swiss` × `editorial-classic`
+- **Image**: p16_center_img.png
+- **Title**: 极简瑞士 × 编辑经典
+- **Content**: 包豪斯感极简图形居中，六条标注线向外辐射，文字像产品图解
+
+#### Slide 17 — 窄条图片横贯中部 + 上下各一段文字
+
+- **Layout**: 顶部文字区 height=200px，中部图条 height=240px，底部文字区 height=240px
+- **Rendering × Palette**: `screen-print` × `vivid-launch`
+- **Image**: p17_strip_img.png
+- **Title**: 网版印刷 × 活力发射
+- **Content**: 丝网印刷风横条图贯穿页面中腰，上下文字各成一节，图将文切开
+
+#### Slide 18 — 不规则多边形图像 + 文字填缝
+
+- **Layout**: 六边形裁切图 (clipPath polygon) 居左偏，文字块填入右侧和角落空隙
+- **Rendering × Palette**: `nature` × `sunset-gradient`
+- **Image**: p18_polygon_img.png (clipPath六边形裁切)
+- **Title**: 自然插画 × 落日渐变
+- **Content**: 热带植物图以六边形呈现，文字在图形外围和角落自由填充
+
+#### Slide 19 — 多图拼贴蒙太奇 + 大字压跨多图
+
+- **Layout**: 三张图拼接平铺全幅，大号文字（font-size≈72px）横跨多图之上
+- **Rendering × Palette**: `editorial` × `dark-cinematic`
+- **Image**: p19_collage1.png, p19_collage2.png, p19_collage3.png
+- **Title**: 杂志编辑 × 暗黑影院
+- **Content**: 三张编辑摄影拼贴铺满页面，超大标题字横压其上；蒙太奇叙事
+
+#### Slide 20 — 结尾：暗底反白 + 单句居中收场
+
+- **Layout**: 图全出血黑板背景，单行文字绝对居中，页面留白≥60%
+- **Rendering × Palette**: `chalkboard` × `mono-ink`
+- **Image**: p20_closing.png (hero_page)
+- **Title**: 黑板粉笔 × 墨黑单色
+- **Content**: 黑板星座底图，正中一句话收尾；负空间即内容
+
+---
+
+## X. Speaker Notes Requirements
+
+- 文件命名与SVG对应：`01_cover.md` ↔ `01_cover.svg`
+- 演讲时长：约15分钟
+- 备注风格：简洁说明，指出每页图文结合要点
+- 演示目的：展示（showcase）
+
+---
+
+## XI. Technical Constraints Reminder
+
+1. viewBox: `0 0 1280 720`
+2. 背景用 `<rect>`
+3. 文字换行用 `<tspan>`，禁止 `<foreignObject>`
+4. 透明度用 `fill-opacity` / `stop-opacity`，禁止 `rgba()`
+5. 禁止：`mask`, `<style>`, `class`, `foreignObject`, `textPath`, `animate*`, `script`
+6. 文字符号写原始 Unicode，禁止 HTML 实体（&nbsp; &mdash; 等）
+7. `clipPath` 仅用于 `<image>` 裁切（P09圆形、P18六边形）
+8. 图标使用 `<use data-icon="tabler-outline/xxx"/>` 占位符

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/images/image_prompts.json

@@ -0,0 +1,277 @@
+{
+  "project": "image_text_showcase",
+  "generated_at": "2026-05-15",
+  "deck_rendering": "mixed-per-page",
+  "deck_palette": "mixed-per-page",
+  "color_scheme": {
+    "primary": "#7C6FF7",
+    "secondary": "#0F1117",
+    "accent": "#F5A623"
+  },
+  "items": [
+    {
+      "filename": "p01_cover.png",
+      "purpose": "Cover background (Slide 01) — glassmorphism × dark-cinematic",
+      "type": "background",
+      "page_role": "hero_page",
+      "text_policy": "none",
+      "aspect_ratio": "16:9",
+      "image_size": "2K",
+      "prompt": "Modern glassmorphism aesthetic. Composition built on layered semi-transparent panels with frosted-glass blur — each panel reads as a sheet of polished glass floating slightly above a deep, dark gradient background. Panel edges are subtly defined with thin 1px highlight strokes suggesting refraction. Background is a deep cinematic dark-navy gradient (#0F1117 dominant at 70%) that blurs softly through glass panels. Drop shadows under panels are large and soft to create real depth. The primary purple-blue (#7C6FF7) appears as glowing accent halos and inner panel tints at 20-30% intensity. The accent gold-orange (#F5A623) appears in one or two small glowing point-light reflections. Overall mood: premium, atmospheric, cinematic — like a high-end software product reveal. Central area left relatively calm with no dominant shapes — title will overlay there. Color values are rendering guidance only — do NOT display HEX codes or color names as visible text anywhere in the image. NO text of any kind anywhere in the image — no letters, numbers, signs, watermarks, labels, or written symbols.",
+      "alt_text": "Glassmorphism frosted panels on dark cinematic background for cover",
+      "status": "Generated"
+    },
+    {
+      "filename": "p03_left_img.png",
+      "purpose": "Left-third portrait image (Slide 03) — corporate-photo × cool-corporate",
+      "type": "portrait",
+      "page_role": "local",
+      "text_policy": "none",
+      "aspect_ratio": "2:3",
+      "image_size": "1K",
+      "prompt": "Editorial photography style with natural composition and professional color grading. A diverse creative team of 2-3 people collaborating in a modern studio space — one person pointing at something off-frame, others engaged and attentive. Shallow depth of field separates subjects from a clean, slightly blurred background of neutral walls or large windows. Lighting is natural soft sidelight from a window — cool, restrained, professional. Color grading: cool and slightly desaturated overall with deep navy-blue (#0F1117 in shadow zones, #7C6FF7 as a subtle environmental color tint on surfaces). No harsh contrasts. Vertical portrait orientation — subjects occupy upper two-thirds, environment fills lower third. Composition is tight and editorial — magazine-quality. Diverse, professionally attired subjects. Editorial photography style, natural composition. Color values are rendering guidance only — do NOT display HEX codes or color names as visible text. NO text of any kind anywhere in the image.",
+      "alt_text": "Editorial team portrait in modern studio, cool corporate style",
+      "status": "Generated"
+    },
+    {
+      "filename": "p04_right_img.png",
+      "purpose": "Right-bleed large illustration (Slide 04) — vector-illustration × frost-ice",
+      "type": "hero",
+      "page_role": "local",
+      "text_policy": "none",
+      "aspect_ratio": "4:5",
+      "image_size": "1K",
+      "prompt": "Clean flat vector illustration with bold geometric shapes and confident solid fills. Crisp outlines define every form — no gradients within shapes, color applied as flat blocks. Abstract geometric cityscape or architectural forms: sharp angular buildings and geometric planes stacked upward, right side of the composition bleeding off-frame intentionally. Color palette: near-white and pale-blue (#F8F9FA / ice tones at 65%) as the dominant field, primary purple-blue (#7C6FF7) as main architectural shapes at 25%, gold-orange (#F5A623) as tiny accent details at 5-8%. Deliberate negative space on the left third — this region will be covered by SVG text on the slide. Overall feel: modern, professional, restrained — design-system aesthetic. NO text of any kind anywhere in the image — no letters, numbers, signs, watermarks, labels, or written symbols. Color values are rendering guidance only.",
+      "alt_text": "Bold flat vector geometric cityscape for right-bleed layout",
+      "status": "Generated"
+    },
+    {
+      "filename": "p05_top_img.png",
+      "purpose": "Top full-width landscape banner (Slide 05) — watercolor × warm-earth",
+      "type": "background",
+      "page_role": "local",
+      "text_policy": "none",
+      "aspect_ratio": "21:9",
+      "image_size": "2K",
+      "prompt": "Watercolor painting style with soft painterly edges and natural color bleeding. Wide panoramic mountain lake scene at dawn — distant peaks reflected in still water, morning mist softening the middle distance. Color palette: warm earth tones dominate — dusty terracotta (#C4704A approximate) and sandy gold (#D4A96A) in sky zone, muted green-brown in distant hills, soft cream in mist bands. The accent gold-orange (#F5A623) appears as gentle sunrise glow at one horizon edge. Color pools and bleeds at edges with characteristic wet-on-wet zones. Bottom edge of composition deliberately open and uncluttered — the slide's lower section will carry three text columns. Composition is top-heavy with detail, bottom band tranquil and wide. Horizontal ultra-wide crop (16:7 ratio). Overall feel: calm, contemplative, artisanal. NO text of any kind anywhere in the image. Color values are rendering guidance only.",
+      "alt_text": "Watercolor mountain lake panorama in warm earth tones",
+      "status": "Generated"
+    },
+    {
+      "filename": "p06_bottom_img.png",
+      "purpose": "Bottom full-width scene (Slide 06) — sketch-notes × macaron",
+      "type": "scene",
+      "page_role": "local",
+      "text_policy": "none",
+      "aspect_ratio": "21:9",
+      "image_size": "1K",
+      "prompt": "Warm hand-drawn sketchnote style on cream paper background. A cozy reading corner or creative workspace scene drawn with deliberate slight wobble in black ink on cream — comfortable chair, small table with stacked books and a plant, soft lamp glow. Color blocks are soft macaron pastels: light lavender (#B8A9E0 approximate), mint green (#A8D8C0), soft peach (#F5C5A3) — filled into rounded shapes that don't quite reach their outlines (hand-painted overshoot feel). Small doodle decorations — stars, tiny sparkles, simple dots — appear sparingly for warmth. Upper half of composition is open and relatively empty — the slide's title and text block sits above this image on the slide. Bottom half has the main scene detail. Wide horizontal orientation (16:7 ratio). Overall feel: warm, inviting, instructional. NO text of any kind anywhere in the image. Color values are rendering guidance only.",
+      "alt_text": "Hand-drawn sketchnote cozy reading corner in macaron pastels",
+      "status": "Generated"
+    },
+    {
+      "filename": "p07_z_img1.png",
+      "purpose": "Z-pattern first image block (Slide 07) — 3d-isometric × tech-neon",
+      "type": "hero",
+      "page_role": "local",
+      "text_policy": "none",
+      "aspect_ratio": "21:9",
+      "image_size": "1K",
+      "prompt": "3D isometric illustration with clean geometric forms in true 30°/30°/30° projection. A stylized server rack or data center unit — stacked rectangular modules with blinking indicator lights and cable connections. Surfaces use flat solid fills with subtle tonal shifts: deep dark (#0F1117) as the equipment chassis main color at 60%, electric purple-blue (#7C6FF7) as illuminated panel accents and LED strips at 25%, neon gold-orange (#F5A623) as individual status indicator lights at 10%. No perspective distortion. Soft 8% drop shadow beneath the isometric object. Composition anchors the device to the left side, leaving right side open. Ultra-wide crop (14:5 ratio) — object fills left-center, right half is negative space. Overall feel: technical, structured, neon-tech. NO text of any kind anywhere in the image. Color values are rendering guidance only.",
+      "alt_text": "Isometric server rack with neon tech lighting",
+      "status": "Generated"
+    },
+    {
+      "filename": "p07_z_img2.png",
+      "purpose": "Z-pattern third image block (Slide 07) — 3d-isometric × tech-neon",
+      "type": "framework",
+      "page_role": "local",
+      "text_policy": "none",
+      "aspect_ratio": "21:9",
+      "image_size": "1K",
+      "prompt": "3D isometric illustration in the same projection angle as a companion image (30°/30°/30°, matching perspective exactly). A stylized network diagram — interconnected nodes depicted as small isometric cubes or hexagonal prisms linked by glowing connector cables. Same color system: deep dark (#0F1117) chassis/background at 60%, electric purple-blue (#7C6FF7) as node surfaces and active connection paths at 25%, neon gold-orange (#F5A623) as data-flow highlight points at 10%. The network spreads from left to right in an ultra-wide composition (14:5 ratio), with a clear visual path from left hub to right endpoint. Object occupies right-center, leaving left half as breathing negative space (mirror of companion image). NO text of any kind anywhere in the image. Color values are rendering guidance only.",
+      "alt_text": "Isometric network nodes with neon connections",
+      "status": "Generated"
+    },
+    {
+      "filename": "p08_grid_center.png",
+      "purpose": "Nine-grid center image (Slide 08) — blueprint × editorial-classic",
+      "type": "framework",
+      "page_role": "local",
+      "text_policy": "none",
+      "aspect_ratio": "1:1",
+      "image_size": "1K",
+      "prompt": "Technical blueprint schematic style. Clean precise lines on a deep blue-slate background simulating a circuit board PCB layout viewed from above. Geometric rigor: right angles, parallel traces, rounded pad circles at connection points, component outlines as simple rectangles. Color system: deep navy-blue (#1A2A4A approximate) as background, white and pale-cyan (#E8E8F0 / #B0C8E0) as trace lines and annotations at 70%, primary purple-blue (#7C6FF7) highlighting key connection paths at 20%, gold-orange (#F5A623) as component designators (tiny abstract symbols, no letters). No textures, no shading, no painterly artifacts — pure schematic precision. Square composition, central element of the design is a complex intersection of traces suggesting a processor core. Overall feel: engineering-precise, analytical. NO text of any kind — including no alphanumeric characters, no component labels. Color values are rendering guidance only.",
+      "alt_text": "Blueprint circuit board schematic square composition",
+      "status": "Generated"
+    },
+    {
+      "filename": "p09_circle_img.png",
+      "purpose": "Circular center image (Slide 09) — digital-dashboard × mono-ink",
+      "type": "infographic",
+      "page_role": "local",
+      "text_policy": "none",
+      "aspect_ratio": "1:1",
+      "image_size": "1K",
+      "prompt": "Polished digital UI dashboard aesthetic in monochromatic ink style. A circular gauge / speedometer-style data visualization — a large ring with segmented arc progress indicators, inner concentric rings of varying weight, small tick marks along the outer edge. Color system: pure white (#FFFFFF) as background at 80%, black (#111111) as the primary gauge outlines and tick marks at 15%, single accent purple-blue (#7C6FF7) as the active gauge arc segment at 5%. No colors other than these three — this is a mono-ink palette. Card-based layout with rounded corners. Overall feel: restrained, data-fluent, product-screenshot quality. Square composition, gauge centered perfectly. NO text of any kind — no numbers, no labels, no axis values. Color values are rendering guidance only.",
+      "alt_text": "Minimalist circular dashboard gauge in mono-ink style",
+      "status": "Generated"
+    },
+    {
+      "filename": "p10_bg_texture.png",
+      "purpose": "Full-bleed pixel-art background (Slide 10) — pixel-art × vivid-launch",
+      "type": "background",
+      "page_role": "hero_page",
+      "text_policy": "none",
+      "aspect_ratio": "16:9",
+      "image_size": "2K",
+      "prompt": "8-bit pixel art style with strict pixel-grid alignment and no anti-aliasing. A vibrant pixel-art cityscape at night — blocky buildings of varying heights with glowing pixel windows, neon signs as colored pixel clusters, a starry sky made of individual pixel stars. Color palette: vivid saturated primary colors — electric purple (#7C6FF7) as building facades at 35%, warm gold-orange (#F5A623) as neon signs and lit windows at 25%, deep dark (#0F1117) as night sky and shadow zones at 30%, cyan and magenta pixel accents sparingly at 10%. Limited 16-color retro palette overall. All elements are chunky pixel blocks — no smooth edges, no anti-aliasing. Composition tiles suggest a full cityscape spanning the width. Overall feel: nostalgic, playful, retro-game. The middle zone of the image should be slightly less visually complex (SVG text overlay will appear there). NO text of any kind — no pixel letters, no signs with readable words. Color values are rendering guidance only.",
+      "alt_text": "Vibrant 8-bit pixel art cityscape for full-bleed background",
+      "status": "Generated"
+    },
+    {
+      "filename": "p11_papercut.png",
+      "purpose": "Full-bleed layered paper-cut background (Slide 11) — paper-cut × nature-organic",
+      "type": "background",
+      "page_role": "hero_page",
+      "text_policy": "none",
+      "aspect_ratio": "16:9",
+      "image_size": "2K",
+      "prompt": "Layered paper-cut craft aesthetic with 5 distinct depth layers. A rolling mountain-and-forest landscape: layer 1 (foreground) — dark forest green silhouette of pine trees with crisp scissor-cut edges; layer 2 — medium green rolling hills; layer 3 — lighter sage-green distant slopes; layer 4 — pale green-cream far mountains; layer 5 (background) — warm pale sky. Each layer casts a soft 8-10% drop shadow onto the layer behind, creating real tactile depth. Color system: deep forest green (#2D5A27 approximate) at 40%, sage and mint greens (#6A9E6A / #9EC89E) at 35%, warm cream (#F5EDE0) as sky at 20%, gold-orange (#F5A623) as tiny sun disk in the upper zone at 5%. Subtle paper grain texture on each layer at 10-15% opacity. Composition has strong horizontal layering — bands of color receding into distance. Overall feel: approachable, tactile, natural. NO text of any kind. Color values are rendering guidance only.",
+      "alt_text": "Layered paper-cut mountain landscape in nature-organic palette",
+      "status": "Generated"
+    },
+    {
+      "filename": "p12_poster_img.png",
+      "purpose": "Narrow vertical vintage poster strip (Slide 12) — vintage-poster × duotone",
+      "type": "hero",
+      "page_role": "local",
+      "text_policy": "none",
+      "aspect_ratio": "2:3",
+      "image_size": "1K",
+      "prompt": "Mid-century modern poster aesthetic — the design language of 1950s–1970s travel posters and Saul Bass title cards. A vertical narrow strip composition: a bold stylized geometric abstraction — stacked angular mountain peaks or an Art Deco building silhouette — rendered in strict duotone (exactly two colors only). The two colors: deep ink-purple (#3A1F6B approximate, a dark desaturated version of the primary) and warm cream-gold (#F5E8C0 approximate). No other colors whatsoever — pure duotone. Bold geometric shapes with slightly organic rounded edges in the mid-century manner. Halftone dot texture over fills at 15% density. Paper grain overlay at 10% opacity. Composition fills the full narrow vertical strip with visual interest from top to bottom — no empty zones needed since this is a purely decorative vertical rule. Overall feel: warm, confident, poster-art — Knoll/Olivetti aesthetic. NO text of any kind. Color values are rendering guidance only.",
+      "alt_text": "Vertical narrow duotone vintage poster strip",
+      "status": "Generated"
+    },
+    {
+      "filename": "p13_diagonal_img.png",
+      "purpose": "Diagonal upper-left region image (Slide 13) — fantasy-animation × sunset-gradient",
+      "type": "scene",
+      "page_role": "local",
+      "text_policy": "none",
+      "aspect_ratio": "16:9",
+      "image_size": "1K",
+      "prompt": "Hand-drawn animation style inspired by Ghibli storybook aesthetics. A dreamy forest scene — ancient tall trees with textured bark, soft warm light filtering through canopy leaves, gentle floating light particles (fireflies or magical sparks) drifting upward. Color palette flows as a warm sunset gradient: sky visible through leaves transitions from soft coral-pink (#F5A623 area tones) to deep amber to warm purple at the upper canopy. Ground layer is soft mossy green with warm brown earth. Lighting is golden-hour atmospheric — everything bathed in diffuse warm-amber glow. Soft painterly brush textures across the image. Atmospheric perspective: foreground tree trunks richer and slightly darker, background fades to misty pale warmth. Right side of the image is brighter and more open — this edge connects to the text zone on the slide. Overall feel: dreamy, magical, Ghibli-quality. NO text of any kind. Color values are rendering guidance only.",
+      "alt_text": "Fantasy animation dreamy forest in sunset gradient palette",
+      "status": "Generated"
+    },
+    {
+      "filename": "p14_fade_bg.png",
+      "purpose": "Faded ink wash full-bleed background (Slide 14) — ink-notes × earthy-dusty",
+      "type": "background",
+      "page_role": "hero_page",
+      "text_policy": "none",
+      "aspect_ratio": "16:9",
+      "image_size": "2K",
+      "prompt": "Professional hand-drawn visual-note style rendered at very low saturation — an ink wash painting technique. Abstract brushstrokes suggesting distant mountains, rolling mist, and open sky — the entire image feels like a traditional East Asian ink landscape seen through a pale earthy veil. Color system: pure near-white (#F8F4EE approximate) as dominant background at 75%, warm earthy ink-brown (#8B6A4A approximate) for the main brushstroke marks at 20%, muted dusty sage (#A0956E) as the lightest tonal wash zones at 5%. NO purple, NO gold, NO saturated colors — this image is deliberately desaturated and muted to serve as a quiet backdrop for large SVG text overlay. The central horizontal band is the most open and calm — this is where the oversized text will sit. Sparse dramatic brushstrokes in upper and lower thirds add visual interest without competing with the center. Overall feel: contemplative, manifesto-quality, earthy. NO text of any kind. Color values are rendering guidance only.",
+      "alt_text": "Desaturated ink wash landscape for large text overlay background",
+      "status": "Generated"
+    },
+    {
+      "filename": "p15_bottom_img.png",
+      "purpose": "Bottom half wide scene (Slide 15) — flat × jewel-tone",
+      "type": "scene",
+      "page_role": "local",
+      "text_policy": "none",
+      "aspect_ratio": "21:9",
+      "image_size": "1K",
+      "prompt": "Modern flat design illustration with bold geometric blocks. A stylized overhead view (bird's-eye flat perspective) of a contemporary workspace — geometric desk shapes, square monitor outlines, circular plant pots, rectangular notebook, small coffee cup — all as pure flat silhouettes. Color palette: jewel tones applied as bold flat color zones — deep emerald (#1A6B4A approximate) for desk surface at 40%, sapphire navy (#1A3A6B approximate) for equipment shapes at 30%, warm gold (#D4A016 approximate, the deck's #F5A623 in jewel-mode saturation) for accent objects at 15%, deep charcoal (#1A1A1A) for fine outlines at 10%. No shadows, no gradients, no outlines — pure flat color juxtaposition. Wide horizontal orientation (16:7 ratio). Overall feel: contemporary, brand-aware, flat design system. NO text of any kind. Color values are rendering guidance only.",
+      "alt_text": "Flat jewel-tone overhead workspace illustration",
+      "status": "Generated"
+    },
+    {
+      "filename": "p16_center_img.png",
+      "purpose": "Center square minimalist Swiss illustration (Slide 16) — minimalist-swiss × editorial-classic",
+      "type": "hero",
+      "page_role": "local",
+      "text_policy": "none",
+      "aspect_ratio": "1:1",
+      "image_size": "1K",
+      "prompt": "Strict Swiss-grid minimalism — Müller-Brockmann / Bauhaus aesthetic. A single bold geometric composition on pure white (#FFFFFF) field: one large perfect circle in the upper-left quadrant, one thick horizontal rule bisecting the lower half, one small square in the lower-right as counterpoint. No other elements. Color: white field at 85%, a single deep charcoal-black (#111111) for the circle and rule at 12%, a thin purple-blue (#7C6FF7) rule or border as the single allowed accent at 3%. Absolutely no gradients, no shadows, no textures, no decoration. Every element snaps to an implied 8-column grid. Negative space carries as much visual weight as the three geometric elements. Square composition with generous outer margins. Overall feel: rigorous, typographic, almost academic — like a Vignelli design system page. NO text of any kind. Color values are rendering guidance only.",
+      "alt_text": "Minimalist Swiss-grid geometric composition on white",
+      "status": "Generated"
+    },
+    {
+      "filename": "p17_strip_img.png",
+      "purpose": "Horizontal center-strip banner (Slide 17) — screen-print × vivid-launch",
+      "type": "background",
+      "page_role": "local",
+      "text_policy": "none",
+      "aspect_ratio": "21:9",
+      "image_size": "1K",
+      "prompt": "Bold silkscreen poster art with limited flat color palette. An ultra-wide horizontal banner strip — a repeating rhythmic motif of abstract geometric forms (chevrons, waves, or bold arrows) marching across the full width. Exactly 3 colors only: vivid electric purple (#7C6FF7) as primary pattern fill at 45%, warm gold-orange (#F5A623) as secondary pattern elements at 35%, deep dark (#0F1117) as background and thin divider marks at 20%. Halftone dot texture in the transition zones between purple and gold (dot density varying, characteristic silkscreen look). Slight color misregistration (1-2px offset between layers) gives authentic screen-print feel. Stencil-cut edges on the repeating motif. Subtle paper grain at 15% opacity. Composition has strong horizontal rhythm — patterns repeat 4-6 times across the strip width. Ultra-wide aspect (16:3). Overall feel: cinematic, editorial-bold, poster art. NO text of any kind. Color values are rendering guidance only.",
+      "alt_text": "Screen-print vivid-launch horizontal banner strip",
+      "status": "Generated"
+    },
+    {
+      "filename": "p18_polygon_img.png",
+      "purpose": "Hexagonal botanical cluster (Slide 18) — nature × sunset-gradient",
+      "type": "scene",
+      "page_role": "local",
+      "text_policy": "none",
+      "aspect_ratio": "4:3",
+      "image_size": "1K",
+      "prompt": "Organic illustration style with lush botanical motifs. A loose cluster of tropical and garden plants arranged naturally — large monstera leaves with distinctive split patterns, trailing vines, small flowering stems, a few overlapping broad leaves. The overall cluster fits loosely within a hexagonal silhouette shape (the specific crop will be applied by SVG — the illustration itself should simply have the plant cluster centered with clear negative space at all six hexagonal corners). Color palette follows a sunset gradient tone: warm golden-yellow (#F5A623 area) at the top-lit leaf edges, transitioning through warm amber to terracotta (#C4704A area) in the shadow zones, with deep forest green (#2A5C30 area) in the deepest interior foliage. Organic leaf textures are soft and minimal. No outlines — forms defined by color and warmth variation. Overall feel: grounded, natural, warm-botanica. NO text of any kind. Color values are rendering guidance only.",
+      "alt_text": "Botanical hexagonal cluster in sunset-gradient organic tones",
+      "status": "Generated"
+    },
+    {
+      "filename": "p19_collage1.png",
+      "purpose": "Montage photo 1 — urban architecture (Slide 19) — editorial × dark-cinematic",
+      "type": "scene",
+      "page_role": "local",
+      "text_policy": "none",
+      "aspect_ratio": "5:4",
+      "image_size": "1K",
+      "prompt": "Magazine-style editorial illustration with sophisticated visual hierarchy. An urban architecture detail — a dramatic upward perspective shot of a glass-and-steel building facade, geometric grid of windows, strong diagonal shadow lines cutting across the frame. Color treatment: dark cinematic — deep near-black (#0F1117) in shadow zones at 60%, cool steel-blue (#4A5A7A approximate) as the mid-tone glass reflections at 30%, single accent purple-blue (#7C6FF7) glow from internal building illumination at 8%, very faint gold (#F5A623) as a single external light source streak at 2%. High contrast, editorial dramatic. Composition is unconventionally cropped — the building grid fills the frame with confident negative space only at one corner. Overall feel: intelligent, premium, cinematic. NO text of any kind. Color values are rendering guidance only.",
+      "alt_text": "Editorial dark-cinematic urban architecture upward perspective",
+      "status": "Generated"
+    },
+    {
+      "filename": "p19_collage2.png",
+      "purpose": "Montage photo 2 — close-up texture (Slide 19) — editorial × dark-cinematic",
+      "type": "background",
+      "page_role": "local",
+      "text_policy": "none",
+      "aspect_ratio": "5:4",
+      "image_size": "1K",
+      "prompt": "Magazine-style editorial illustration — close-up abstract texture study. Woven fabric or brushed concrete surface at extreme macro scale — the material's pattern creates a rhythmic visual texture across the entire frame. Color treatment: near-monochromatic dark cinematic — deep dark (#0F1117) as the dominant field at 70%, very subtle purple-blue (#7C6FF7) sheen in the highlights at 20%, soft warm tone (#8A6A4A) in the texture shadow troughs at 10%. Almost no saturation — a quiet, textured surface that will contrast strongly against the adjacent brighter photo panels in the collage. Square-ish aspect (19:16). Overall feel: abstract, refined, restrained — like an Acne Studios or A-POC material study. NO text of any kind. Color values are rendering guidance only.",
+      "alt_text": "Editorial dark-cinematic abstract texture close-up",
+      "status": "Generated"
+    },
+    {
+      "filename": "p19_collage3.png",
+      "purpose": "Montage photo 3 — motion blur street (Slide 19) — editorial × dark-cinematic",
+      "type": "scene",
+      "page_role": "local",
+      "text_policy": "none",
+      "aspect_ratio": "16:9",
+      "image_size": "1K",
+      "prompt": "Magazine-style editorial illustration — long-exposure street scene. A city street at night with deliberate motion blur: vehicle light trails streak as warm gold-orange arcs (#F5A623 area) through a deep dark blue-black environment (#0F1117 at 60%). The purple-blue (#7C6FF7) appears as neon signs or building lights blurring into vertical streaks at 20%. The gold-orange light trails from headlights and taillights at 15%. Overall: a high-speed blurred urban night scene where static architecture is ghostly and moving lights are the primary visual element. Horizontal panoramic crop (23:16 ratio, the widest of the three collage panels). Cold atmospheric blue dominates. Overall feel: cinematic, kinetic, premium. NO text of any kind. Color values are rendering guidance only.",
+      "alt_text": "Long-exposure street motion blur in dark cinematic palette",
+      "status": "Generated"
+    },
+    {
+      "filename": "p20_closing.png",
+      "purpose": "Closing full-bleed chalkboard background (Slide 20) — chalkboard × mono-ink",
+      "type": "background",
+      "page_role": "hero_page",
+      "text_policy": "none",
+      "aspect_ratio": "16:9",
+      "image_size": "2K",
+      "prompt": "Classroom chalkboard aesthetic. Dark green chalk-slate background (#1A3A1A approximate — the characteristic deep chalkboard green) with visible subtle chalk-dust texture across the surface. A sparse constellation of dots and hand-drawn connecting lines — like a star map or a minimalist mind-map drawn in soft chalk — spreads across the canvas without filling it, leaving generous breathing room especially in the center where the final quote will appear as SVG text. The chalk marks are off-white (#E8E8E8 approximate) for the main constellation lines, with two or three larger dot nodes in soft chalk-yellow (very pale, low-saturation). Color is restrained: chalk-green board at 75%, off-white chalk marks at 20%, pale yellow accent at 5%. No other colors. The central area is deliberately left mostly empty — only a faint horizon line in chalk crosses the middle zone. Overall feel: nostalgic, contemplative, classroom warmth. NO text of any kind. Color values are rendering guidance only.",
+      "alt_text": "Chalkboard constellation pattern for closing slide background",
+      "status": "Generated"
+    }
+  ]
+}

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/images/image_prompts.md

@@ -0,0 +1,428 @@
+# Image Generation Prompts
+
+> Auto-generated from `image_prompts.json` by `image_gen.py --render-md`.
+> Do not hand-edit — re-run the command to refresh.
+
+> Project: image_text_showcase
+> Generated: 2026-05-15
+> Color scheme: Primary #7C6FF7 | Secondary #0F1117 | Accent #F5A623
+
+---
+
+### Image 1: p01_cover.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Cover background (Slide 01) — glassmorphism × dark-cinematic |
+| Type | background |
+| Aspect ratio | 16:9 |
+| Image size | 2K |
+| Status | Generated |
+
+**Prompt**:
+
+Modern glassmorphism aesthetic. Composition built on layered semi-transparent panels with frosted-glass blur — each panel reads as a sheet of polished glass floating slightly above a deep, dark gradient background. Panel edges are subtly defined with thin 1px highlight strokes suggesting refraction. Background is a deep cinematic dark-navy gradient (#0F1117 dominant at 70%) that blurs softly through glass panels. Drop shadows under panels are large and soft to create real depth. The primary purple-blue (#7C6FF7) appears as glowing accent halos and inner panel tints at 20-30% intensity. The accent gold-orange (#F5A623) appears in one or two small glowing point-light reflections. Overall mood: premium, atmospheric, cinematic — like a high-end software product reveal. Central area left relatively calm with no dominant shapes — title will overlay there. Color values are rendering guidance only — do NOT display HEX codes or color names as visible text anywhere in the image. NO text of any kind anywhere in the image — no letters, numbers, signs, watermarks, labels, or written symbols.
+
+**Alt Text**:
+> Glassmorphism frosted panels on dark cinematic background for cover
+
+---
+
+### Image 2: p03_left_img.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Left-third portrait image (Slide 03) — corporate-photo × cool-corporate |
+| Type | portrait |
+| Aspect ratio | 2:3 |
+| Image size | 1K |
+| Status | Generated |
+
+**Prompt**:
+
+Editorial photography style with natural composition and professional color grading. A diverse creative team of 2-3 people collaborating in a modern studio space — one person pointing at something off-frame, others engaged and attentive. Shallow depth of field separates subjects from a clean, slightly blurred background of neutral walls or large windows. Lighting is natural soft sidelight from a window — cool, restrained, professional. Color grading: cool and slightly desaturated overall with deep navy-blue (#0F1117 in shadow zones, #7C6FF7 as a subtle environmental color tint on surfaces). No harsh contrasts. Vertical portrait orientation — subjects occupy upper two-thirds, environment fills lower third. Composition is tight and editorial — magazine-quality. Diverse, professionally attired subjects. Editorial photography style, natural composition. Color values are rendering guidance only — do NOT display HEX codes or color names as visible text. NO text of any kind anywhere in the image.
+
+**Alt Text**:
+> Editorial team portrait in modern studio, cool corporate style
+
+---
+
+### Image 3: p04_right_img.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Right-bleed large illustration (Slide 04) — vector-illustration × frost-ice |
+| Type | hero |
+| Aspect ratio | 4:5 |
+| Image size | 1K |
+| Status | Generated |
+
+**Prompt**:
+
+Clean flat vector illustration with bold geometric shapes and confident solid fills. Crisp outlines define every form — no gradients within shapes, color applied as flat blocks. Abstract geometric cityscape or architectural forms: sharp angular buildings and geometric planes stacked upward, right side of the composition bleeding off-frame intentionally. Color palette: near-white and pale-blue (#F8F9FA / ice tones at 65%) as the dominant field, primary purple-blue (#7C6FF7) as main architectural shapes at 25%, gold-orange (#F5A623) as tiny accent details at 5-8%. Deliberate negative space on the left third — this region will be covered by SVG text on the slide. Overall feel: modern, professional, restrained — design-system aesthetic. NO text of any kind anywhere in the image — no letters, numbers, signs, watermarks, labels, or written symbols. Color values are rendering guidance only.
+
+**Alt Text**:
+> Bold flat vector geometric cityscape for right-bleed layout
+
+---
+
+### Image 4: p05_top_img.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Top full-width landscape banner (Slide 05) — watercolor × warm-earth |
+| Type | background |
+| Aspect ratio | 21:9 |
+| Image size | 2K |
+| Status | Generated |
+
+**Prompt**:
+
+Watercolor painting style with soft painterly edges and natural color bleeding. Wide panoramic mountain lake scene at dawn — distant peaks reflected in still water, morning mist softening the middle distance. Color palette: warm earth tones dominate — dusty terracotta (#C4704A approximate) and sandy gold (#D4A96A) in sky zone, muted green-brown in distant hills, soft cream in mist bands. The accent gold-orange (#F5A623) appears as gentle sunrise glow at one horizon edge. Color pools and bleeds at edges with characteristic wet-on-wet zones. Bottom edge of composition deliberately open and uncluttered — the slide's lower section will carry three text columns. Composition is top-heavy with detail, bottom band tranquil and wide. Horizontal ultra-wide crop (16:7 ratio). Overall feel: calm, contemplative, artisanal. NO text of any kind anywhere in the image. Color values are rendering guidance only.
+
+**Alt Text**:
+> Watercolor mountain lake panorama in warm earth tones
+
+---
+
+### Image 5: p06_bottom_img.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Bottom full-width scene (Slide 06) — sketch-notes × macaron |
+| Type | scene |
+| Aspect ratio | 21:9 |
+| Image size | 1K |
+| Status | Generated |
+
+**Prompt**:
+
+Warm hand-drawn sketchnote style on cream paper background. A cozy reading corner or creative workspace scene drawn with deliberate slight wobble in black ink on cream — comfortable chair, small table with stacked books and a plant, soft lamp glow. Color blocks are soft macaron pastels: light lavender (#B8A9E0 approximate), mint green (#A8D8C0), soft peach (#F5C5A3) — filled into rounded shapes that don't quite reach their outlines (hand-painted overshoot feel). Small doodle decorations — stars, tiny sparkles, simple dots — appear sparingly for warmth. Upper half of composition is open and relatively empty — the slide's title and text block sits above this image on the slide. Bottom half has the main scene detail. Wide horizontal orientation (16:7 ratio). Overall feel: warm, inviting, instructional. NO text of any kind anywhere in the image. Color values are rendering guidance only.
+
+**Alt Text**:
+> Hand-drawn sketchnote cozy reading corner in macaron pastels
+
+---
+
+### Image 6: p07_z_img1.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Z-pattern first image block (Slide 07) — 3d-isometric × tech-neon |
+| Type | hero |
+| Aspect ratio | 21:9 |
+| Image size | 1K |
+| Status | Generated |
+
+**Prompt**:
+
+3D isometric illustration with clean geometric forms in true 30°/30°/30° projection. A stylized server rack or data center unit — stacked rectangular modules with blinking indicator lights and cable connections. Surfaces use flat solid fills with subtle tonal shifts: deep dark (#0F1117) as the equipment chassis main color at 60%, electric purple-blue (#7C6FF7) as illuminated panel accents and LED strips at 25%, neon gold-orange (#F5A623) as individual status indicator lights at 10%. No perspective distortion. Soft 8% drop shadow beneath the isometric object. Composition anchors the device to the left side, leaving right side open. Ultra-wide crop (14:5 ratio) — object fills left-center, right half is negative space. Overall feel: technical, structured, neon-tech. NO text of any kind anywhere in the image. Color values are rendering guidance only.
+
+**Alt Text**:
+> Isometric server rack with neon tech lighting
+
+---
+
+### Image 7: p07_z_img2.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Z-pattern third image block (Slide 07) — 3d-isometric × tech-neon |
+| Type | framework |
+| Aspect ratio | 21:9 |
+| Image size | 1K |
+| Status | Generated |
+
+**Prompt**:
+
+3D isometric illustration in the same projection angle as a companion image (30°/30°/30°, matching perspective exactly). A stylized network diagram — interconnected nodes depicted as small isometric cubes or hexagonal prisms linked by glowing connector cables. Same color system: deep dark (#0F1117) chassis/background at 60%, electric purple-blue (#7C6FF7) as node surfaces and active connection paths at 25%, neon gold-orange (#F5A623) as data-flow highlight points at 10%. The network spreads from left to right in an ultra-wide composition (14:5 ratio), with a clear visual path from left hub to right endpoint. Object occupies right-center, leaving left half as breathing negative space (mirror of companion image). NO text of any kind anywhere in the image. Color values are rendering guidance only.
+
+**Alt Text**:
+> Isometric network nodes with neon connections
+
+---
+
+### Image 8: p08_grid_center.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Nine-grid center image (Slide 08) — blueprint × editorial-classic |
+| Type | framework |
+| Aspect ratio | 1:1 |
+| Image size | 1K |
+| Status | Generated |
+
+**Prompt**:
+
+Technical blueprint schematic style. Clean precise lines on a deep blue-slate background simulating a circuit board PCB layout viewed from above. Geometric rigor: right angles, parallel traces, rounded pad circles at connection points, component outlines as simple rectangles. Color system: deep navy-blue (#1A2A4A approximate) as background, white and pale-cyan (#E8E8F0 / #B0C8E0) as trace lines and annotations at 70%, primary purple-blue (#7C6FF7) highlighting key connection paths at 20%, gold-orange (#F5A623) as component designators (tiny abstract symbols, no letters). No textures, no shading, no painterly artifacts — pure schematic precision. Square composition, central element of the design is a complex intersection of traces suggesting a processor core. Overall feel: engineering-precise, analytical. NO text of any kind — including no alphanumeric characters, no component labels. Color values are rendering guidance only.
+
+**Alt Text**:
+> Blueprint circuit board schematic square composition
+
+---
+
+### Image 9: p09_circle_img.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Circular center image (Slide 09) — digital-dashboard × mono-ink |
+| Type | infographic |
+| Aspect ratio | 1:1 |
+| Image size | 1K |
+| Status | Generated |
+
+**Prompt**:
+
+Polished digital UI dashboard aesthetic in monochromatic ink style. A circular gauge / speedometer-style data visualization — a large ring with segmented arc progress indicators, inner concentric rings of varying weight, small tick marks along the outer edge. Color system: pure white (#FFFFFF) as background at 80%, black (#111111) as the primary gauge outlines and tick marks at 15%, single accent purple-blue (#7C6FF7) as the active gauge arc segment at 5%. No colors other than these three — this is a mono-ink palette. Card-based layout with rounded corners. Overall feel: restrained, data-fluent, product-screenshot quality. Square composition, gauge centered perfectly. NO text of any kind — no numbers, no labels, no axis values. Color values are rendering guidance only.
+
+**Alt Text**:
+> Minimalist circular dashboard gauge in mono-ink style
+
+---
+
+### Image 10: p10_bg_texture.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Full-bleed pixel-art background (Slide 10) — pixel-art × vivid-launch |
+| Type | background |
+| Aspect ratio | 16:9 |
+| Image size | 2K |
+| Status | Generated |
+
+**Prompt**:
+
+8-bit pixel art style with strict pixel-grid alignment and no anti-aliasing. A vibrant pixel-art cityscape at night — blocky buildings of varying heights with glowing pixel windows, neon signs as colored pixel clusters, a starry sky made of individual pixel stars. Color palette: vivid saturated primary colors — electric purple (#7C6FF7) as building facades at 35%, warm gold-orange (#F5A623) as neon signs and lit windows at 25%, deep dark (#0F1117) as night sky and shadow zones at 30%, cyan and magenta pixel accents sparingly at 10%. Limited 16-color retro palette overall. All elements are chunky pixel blocks — no smooth edges, no anti-aliasing. Composition tiles suggest a full cityscape spanning the width. Overall feel: nostalgic, playful, retro-game. The middle zone of the image should be slightly less visually complex (SVG text overlay will appear there). NO text of any kind — no pixel letters, no signs with readable words. Color values are rendering guidance only.
+
+**Alt Text**:
+> Vibrant 8-bit pixel art cityscape for full-bleed background
+
+---
+
+### Image 11: p11_papercut.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Full-bleed layered paper-cut background (Slide 11) — paper-cut × nature-organic |
+| Type | background |
+| Aspect ratio | 16:9 |
+| Image size | 2K |
+| Status | Generated |
+
+**Prompt**:
+
+Layered paper-cut craft aesthetic with 5 distinct depth layers. A rolling mountain-and-forest landscape: layer 1 (foreground) — dark forest green silhouette of pine trees with crisp scissor-cut edges; layer 2 — medium green rolling hills; layer 3 — lighter sage-green distant slopes; layer 4 — pale green-cream far mountains; layer 5 (background) — warm pale sky. Each layer casts a soft 8-10% drop shadow onto the layer behind, creating real tactile depth. Color system: deep forest green (#2D5A27 approximate) at 40%, sage and mint greens (#6A9E6A / #9EC89E) at 35%, warm cream (#F5EDE0) as sky at 20%, gold-orange (#F5A623) as tiny sun disk in the upper zone at 5%. Subtle paper grain texture on each layer at 10-15% opacity. Composition has strong horizontal layering — bands of color receding into distance. Overall feel: approachable, tactile, natural. NO text of any kind. Color values are rendering guidance only.
+
+**Alt Text**:
+> Layered paper-cut mountain landscape in nature-organic palette
+
+---
+
+### Image 12: p12_poster_img.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Narrow vertical vintage poster strip (Slide 12) — vintage-poster × duotone |
+| Type | hero |
+| Aspect ratio | 2:3 |
+| Image size | 1K |
+| Status | Generated |
+
+**Prompt**:
+
+Mid-century modern poster aesthetic — the design language of 1950s–1970s travel posters and Saul Bass title cards. A vertical narrow strip composition: a bold stylized geometric abstraction — stacked angular mountain peaks or an Art Deco building silhouette — rendered in strict duotone (exactly two colors only). The two colors: deep ink-purple (#3A1F6B approximate, a dark desaturated version of the primary) and warm cream-gold (#F5E8C0 approximate). No other colors whatsoever — pure duotone. Bold geometric shapes with slightly organic rounded edges in the mid-century manner. Halftone dot texture over fills at 15% density. Paper grain overlay at 10% opacity. Composition fills the full narrow vertical strip with visual interest from top to bottom — no empty zones needed since this is a purely decorative vertical rule. Overall feel: warm, confident, poster-art — Knoll/Olivetti aesthetic. NO text of any kind. Color values are rendering guidance only.
+
+**Alt Text**:
+> Vertical narrow duotone vintage poster strip
+
+---
+
+### Image 13: p13_diagonal_img.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Diagonal upper-left region image (Slide 13) — fantasy-animation × sunset-gradient |
+| Type | scene |
+| Aspect ratio | 16:9 |
+| Image size | 1K |
+| Status | Generated |
+
+**Prompt**:
+
+Hand-drawn animation style inspired by Ghibli storybook aesthetics. A dreamy forest scene — ancient tall trees with textured bark, soft warm light filtering through canopy leaves, gentle floating light particles (fireflies or magical sparks) drifting upward. Color palette flows as a warm sunset gradient: sky visible through leaves transitions from soft coral-pink (#F5A623 area tones) to deep amber to warm purple at the upper canopy. Ground layer is soft mossy green with warm brown earth. Lighting is golden-hour atmospheric — everything bathed in diffuse warm-amber glow. Soft painterly brush textures across the image. Atmospheric perspective: foreground tree trunks richer and slightly darker, background fades to misty pale warmth. Right side of the image is brighter and more open — this edge connects to the text zone on the slide. Overall feel: dreamy, magical, Ghibli-quality. NO text of any kind. Color values are rendering guidance only.
+
+**Alt Text**:
+> Fantasy animation dreamy forest in sunset gradient palette
+
+---
+
+### Image 14: p14_fade_bg.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Faded ink wash full-bleed background (Slide 14) — ink-notes × earthy-dusty |
+| Type | background |
+| Aspect ratio | 16:9 |
+| Image size | 2K |
+| Status | Generated |
+
+**Prompt**:
+
+Professional hand-drawn visual-note style rendered at very low saturation — an ink wash painting technique. Abstract brushstrokes suggesting distant mountains, rolling mist, and open sky — the entire image feels like a traditional East Asian ink landscape seen through a pale earthy veil. Color system: pure near-white (#F8F4EE approximate) as dominant background at 75%, warm earthy ink-brown (#8B6A4A approximate) for the main brushstroke marks at 20%, muted dusty sage (#A0956E) as the lightest tonal wash zones at 5%. NO purple, NO gold, NO saturated colors — this image is deliberately desaturated and muted to serve as a quiet backdrop for large SVG text overlay. The central horizontal band is the most open and calm — this is where the oversized text will sit. Sparse dramatic brushstrokes in upper and lower thirds add visual interest without competing with the center. Overall feel: contemplative, manifesto-quality, earthy. NO text of any kind. Color values are rendering guidance only.
+
+**Alt Text**:
+> Desaturated ink wash landscape for large text overlay background
+
+---
+
+### Image 15: p15_bottom_img.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Bottom half wide scene (Slide 15) — flat × jewel-tone |
+| Type | scene |
+| Aspect ratio | 21:9 |
+| Image size | 1K |
+| Status | Generated |
+
+**Prompt**:
+
+Modern flat design illustration with bold geometric blocks. A stylized overhead view (bird's-eye flat perspective) of a contemporary workspace — geometric desk shapes, square monitor outlines, circular plant pots, rectangular notebook, small coffee cup — all as pure flat silhouettes. Color palette: jewel tones applied as bold flat color zones — deep emerald (#1A6B4A approximate) for desk surface at 40%, sapphire navy (#1A3A6B approximate) for equipment shapes at 30%, warm gold (#D4A016 approximate, the deck's #F5A623 in jewel-mode saturation) for accent objects at 15%, deep charcoal (#1A1A1A) for fine outlines at 10%. No shadows, no gradients, no outlines — pure flat color juxtaposition. Wide horizontal orientation (16:7 ratio). Overall feel: contemporary, brand-aware, flat design system. NO text of any kind. Color values are rendering guidance only.
+
+**Alt Text**:
+> Flat jewel-tone overhead workspace illustration
+
+---
+
+### Image 16: p16_center_img.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Center square minimalist Swiss illustration (Slide 16) — minimalist-swiss × editorial-classic |
+| Type | hero |
+| Aspect ratio | 1:1 |
+| Image size | 1K |
+| Status | Generated |
+
+**Prompt**:
+
+Strict Swiss-grid minimalism — Müller-Brockmann / Bauhaus aesthetic. A single bold geometric composition on pure white (#FFFFFF) field: one large perfect circle in the upper-left quadrant, one thick horizontal rule bisecting the lower half, one small square in the lower-right as counterpoint. No other elements. Color: white field at 85%, a single deep charcoal-black (#111111) for the circle and rule at 12%, a thin purple-blue (#7C6FF7) rule or border as the single allowed accent at 3%. Absolutely no gradients, no shadows, no textures, no decoration. Every element snaps to an implied 8-column grid. Negative space carries as much visual weight as the three geometric elements. Square composition with generous outer margins. Overall feel: rigorous, typographic, almost academic — like a Vignelli design system page. NO text of any kind. Color values are rendering guidance only.
+
+**Alt Text**:
+> Minimalist Swiss-grid geometric composition on white
+
+---
+
+### Image 17: p17_strip_img.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Horizontal center-strip banner (Slide 17) — screen-print × vivid-launch |
+| Type | background |
+| Aspect ratio | 21:9 |
+| Image size | 1K |
+| Status | Generated |
+
+**Prompt**:
+
+Bold silkscreen poster art with limited flat color palette. An ultra-wide horizontal banner strip — a repeating rhythmic motif of abstract geometric forms (chevrons, waves, or bold arrows) marching across the full width. Exactly 3 colors only: vivid electric purple (#7C6FF7) as primary pattern fill at 45%, warm gold-orange (#F5A623) as secondary pattern elements at 35%, deep dark (#0F1117) as background and thin divider marks at 20%. Halftone dot texture in the transition zones between purple and gold (dot density varying, characteristic silkscreen look). Slight color misregistration (1-2px offset between layers) gives authentic screen-print feel. Stencil-cut edges on the repeating motif. Subtle paper grain at 15% opacity. Composition has strong horizontal rhythm — patterns repeat 4-6 times across the strip width. Ultra-wide aspect (16:3). Overall feel: cinematic, editorial-bold, poster art. NO text of any kind. Color values are rendering guidance only.
+
+**Alt Text**:
+> Screen-print vivid-launch horizontal banner strip
+
+---
+
+### Image 18: p18_polygon_img.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Hexagonal botanical cluster (Slide 18) — nature × sunset-gradient |
+| Type | scene |
+| Aspect ratio | 4:3 |
+| Image size | 1K |
+| Status | Generated |
+
+**Prompt**:
+
+Organic illustration style with lush botanical motifs. A loose cluster of tropical and garden plants arranged naturally — large monstera leaves with distinctive split patterns, trailing vines, small flowering stems, a few overlapping broad leaves. The overall cluster fits loosely within a hexagonal silhouette shape (the specific crop will be applied by SVG — the illustration itself should simply have the plant cluster centered with clear negative space at all six hexagonal corners). Color palette follows a sunset gradient tone: warm golden-yellow (#F5A623 area) at the top-lit leaf edges, transitioning through warm amber to terracotta (#C4704A area) in the shadow zones, with deep forest green (#2A5C30 area) in the deepest interior foliage. Organic leaf textures are soft and minimal. No outlines — forms defined by color and warmth variation. Overall feel: grounded, natural, warm-botanica. NO text of any kind. Color values are rendering guidance only.
+
+**Alt Text**:
+> Botanical hexagonal cluster in sunset-gradient organic tones
+
+---
+
+### Image 19: p19_collage1.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Montage photo 1 — urban architecture (Slide 19) — editorial × dark-cinematic |
+| Type | scene |
+| Aspect ratio | 5:4 |
+| Image size | 1K |
+| Status | Generated |
+
+**Prompt**:
+
+Magazine-style editorial illustration with sophisticated visual hierarchy. An urban architecture detail — a dramatic upward perspective shot of a glass-and-steel building facade, geometric grid of windows, strong diagonal shadow lines cutting across the frame. Color treatment: dark cinematic — deep near-black (#0F1117) in shadow zones at 60%, cool steel-blue (#4A5A7A approximate) as the mid-tone glass reflections at 30%, single accent purple-blue (#7C6FF7) glow from internal building illumination at 8%, very faint gold (#F5A623) as a single external light source streak at 2%. High contrast, editorial dramatic. Composition is unconventionally cropped — the building grid fills the frame with confident negative space only at one corner. Overall feel: intelligent, premium, cinematic. NO text of any kind. Color values are rendering guidance only.
+
+**Alt Text**:
+> Editorial dark-cinematic urban architecture upward perspective
+
+---
+
+### Image 20: p19_collage2.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Montage photo 2 — close-up texture (Slide 19) — editorial × dark-cinematic |
+| Type | background |
+| Aspect ratio | 5:4 |
+| Image size | 1K |
+| Status | Generated |
+
+**Prompt**:
+
+Magazine-style editorial illustration — close-up abstract texture study. Woven fabric or brushed concrete surface at extreme macro scale — the material's pattern creates a rhythmic visual texture across the entire frame. Color treatment: near-monochromatic dark cinematic — deep dark (#0F1117) as the dominant field at 70%, very subtle purple-blue (#7C6FF7) sheen in the highlights at 20%, soft warm tone (#8A6A4A) in the texture shadow troughs at 10%. Almost no saturation — a quiet, textured surface that will contrast strongly against the adjacent brighter photo panels in the collage. Square-ish aspect (19:16). Overall feel: abstract, refined, restrained — like an Acne Studios or A-POC material study. NO text of any kind. Color values are rendering guidance only.
+
+**Alt Text**:
+> Editorial dark-cinematic abstract texture close-up
+
+---
+
+### Image 21: p19_collage3.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Montage photo 3 — motion blur street (Slide 19) — editorial × dark-cinematic |
+| Type | scene |
+| Aspect ratio | 16:9 |
+| Image size | 1K |
+| Status | Generated |
+
+**Prompt**:
+
+Magazine-style editorial illustration — long-exposure street scene. A city street at night with deliberate motion blur: vehicle light trails streak as warm gold-orange arcs (#F5A623 area) through a deep dark blue-black environment (#0F1117 at 60%). The purple-blue (#7C6FF7) appears as neon signs or building lights blurring into vertical streaks at 20%. The gold-orange light trails from headlights and taillights at 15%. Overall: a high-speed blurred urban night scene where static architecture is ghostly and moving lights are the primary visual element. Horizontal panoramic crop (23:16 ratio, the widest of the three collage panels). Cold atmospheric blue dominates. Overall feel: cinematic, kinetic, premium. NO text of any kind. Color values are rendering guidance only.
+
+**Alt Text**:
+> Long-exposure street motion blur in dark cinematic palette
+
+---
+
+### Image 22: p20_closing.png
+
+| Attribute | Value |
+|---|---|
+| Purpose | Closing full-bleed chalkboard background (Slide 20) — chalkboard × mono-ink |
+| Type | background |
+| Aspect ratio | 16:9 |
+| Image size | 2K |
+| Status | Generated |
+
+**Prompt**:
+
+Classroom chalkboard aesthetic. Dark green chalk-slate background (#1A3A1A approximate — the characteristic deep chalkboard green) with visible subtle chalk-dust texture across the surface. A sparse constellation of dots and hand-drawn connecting lines — like a star map or a minimalist mind-map drawn in soft chalk — spreads across the canvas without filling it, leaving generous breathing room especially in the center where the final quote will appear as SVG text. The chalk marks are off-white (#E8E8E8 approximate) for the main constellation lines, with two or three larger dot nodes in soft chalk-yellow (very pale, low-saturation). Color is restrained: chalk-green board at 75%, off-white chalk marks at 20%, pale yellow accent at 5%. No other colors. The central area is deliberately left mostly empty — only a faint horizon line in chalk crosses the middle zone. Overall feel: nostalgic, contemplative, classroom warmth. NO text of any kind. Color values are rendering guidance only.
+
+**Alt Text**:
+> Chalkboard constellation pattern for closing slide background
+
+---

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/01_封面.md

@@ -0,0 +1 @@
+这份演示册的主题是图文结合——我们用二十个页面，展示二十种完全不同的视觉语言。每一页都是一个独立的实验：不同的渲染风格、不同的调色板、不同的图文布局方式。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/02_目录.md

@@ -0,0 +1 @@
+从最经典的左图右文，到Z型蛇形叙事，从圆形放射标注，到对角线分割，再到最后的黑板单句收场，你将看到图与文可以有多少种不同的组合方式。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/03_左图右文.md

@@ -0,0 +1 @@
+最传统的图文布局——左侧竖版人物照片，右侧文字主体展开。编辑摄影的真实感与专业冷色调营造出商务简报的质感。图文比例约三比七，图轻文重，适合以内容叙述为核心的页面。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/04_右图出血.md

@@ -0,0 +1 @@
+这一页把矢量插画放在右侧，并让图像从右边缘出血至画布之外。没有边框，没有留白，图就那样溢出去了。左侧文字浮在清爽的冰霜白底色上，大图与小字形成强烈的视觉张力。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/05_顶图三栏.md

@@ -0,0 +1 @@
+全幅水彩山湖图占据上方超过一半的画面，底部三列文字如图注般排列。图像自上而下流淌到文字区域，视线顺势从宽阔的风景落到具体的信息。这种布局有一种页眉与脚注的阅读节奏。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/06_底图浮文.md

@@ -0,0 +1 @@
+手绘速写风格的温馨场景置于页面底部，文字在上方飘浮。图像像舞台布景，文字是前景的角色。马卡龙调色赋予整页一种教学素材特有的温柔气质。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/07_Z型蛇形.md

@@ -0,0 +1 @@
+人眼在阅读页面时，自然从左上向右下呈Z形扫视。这一页利用这个规律——等距三维科技图像与文字交替排布，三段内容沿Z字形流动。两张等距视角一致的图形成视觉上的连续性。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/08_九宫格混排.md

@@ -0,0 +1 @@
+整页被切割成三乘三的九个格子。中心格放置蓝图风格电路板图像，周围八个格子各自承载文字说明、色彩样本、规格参数。图居中，信息环绕，这是最密集的图文并置方式之一。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/09_圆形放射.md

@@ -0,0 +1 @@
+圆形裁切的仪表盘图像悬浮在页面正中，六条细线从图像边缘向四角延伸，每条线末端是一个文字标注块。这是一种产品图解的逻辑——图如主体，文如注脚，向心张力把视线固定在中央。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/10_底纹密铺.md

@@ -0,0 +1 @@
+像素复古风的城市夜景铺满整个画面，四个信息卡片叠压其上。图像在这里不是视觉重点，而是氛围载体——它提供了一个有温度的背景，文字信息在其上清晰呈现。遮罩层控制透明度，确保可读性。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/11_剪纸分层.md

@@ -0,0 +1 @@
+五层剪纸山景从前景到远景层层叠叠，每层都有一个文字标注嵌入其中。文字不是浮在图上，而是融入不同的景深层。这是把文字嵌入图像内部结构的一种方式，而不只是覆盖在表面。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/12_竖版杂志.md

@@ -0,0 +1 @@
+图像只占左侧百分之二十二的宽度——一道窄窄的竖条，如同书脊。右侧大字横排铺展，复古海报的双色调处理让整页只有两种颜色。图越小，字的力量越大。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/13_对角线分割.md

@@ -0,0 +1 @@
+页面被一条对角线切成两个三角形——左上是奇幻动画风的梦幻森林，右下是深色背景上的文字区域。这条边界不是垂直或水平的，而是斜的，这一个角度的变化就带来了强烈的动感和戏剧性。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/14_褪色底图大字.md

@@ -0,0 +1 @@
+水墨山水画被压低饱和度，退为页面底色，超大字体直接叠压其上。图变成了纹理，字成为了绝对的主角。这一页提醒我们，图像不一定要完整呈现，它可以半透明地存在，作为情绪背景。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/15_上文下图.md

@@ -0,0 +1 @@
+上半幅是文字，下半幅是扁平设计风格的俯视图，一条宝石色渐变分割线将两者切开。图文各占一半，形成对等的对话关系——没有主次之分，只有上下的节奏。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/16_中心放射标注.md

@@ -0,0 +1 @@
+正方形图像居于页面正中，六条线从图像边缘向外辐射，末端各带一段文字说明。这是产品手册的逻辑：图是主体，线是指引，字是解释。极简瑞士风格的设计让整个构图像一份精确的工程说明书。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/17_横条贯穿.md

@@ -0,0 +1 @@
+丝网印刷风格的横条图像贯穿页面中腰，将上下两段文字切割分开。图在这里不是内容，而是节奏——它制造一个强制停顿，让读者在继续之前深吸一口气。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/18_多边形填缝.md

@@ -0,0 +1 @@
+图像被裁切成六边形，文字在图形的外角和右侧空隙中自由填充。非矩形的容器让画面产生有机流动感，文字不是并排于图旁，而是找缝填入——这是图文关系中最自由的一种形式。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/19_蒙太奇拼贴.md

@@ -0,0 +1 @@
+三张风格相近但内容各异的编辑摄影照片拼贴铺满整个画面，超大字体横跨三张图之上。蒙太奇的力量在于并置——单独的图未必有力量，但三张放在一起，压上一个大字，气场就来了。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/20_黑板收场.md

@@ -0,0 +1 @@
+每种组合都是一种语言。图文之间没有固定的公式，只有无穷的可能。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/notes/total.md

@@ -0,0 +1,117 @@
+# 01_封面
+
+这份演示册的主题是图文结合——我们用二十个页面，展示二十种完全不同的视觉语言。每一页都是一个独立的实验：不同的渲染风格、不同的调色板、不同的图文布局方式。
+
+---
+
+# 02_目录
+
+从最经典的左图右文，到Z型蛇形叙事，从圆形放射标注，到对角线分割，再到最后的黑板单句收场，你将看到图与文可以有多少种不同的组合方式。
+
+---
+
+# 03_左图右文
+
+最传统的图文布局——左侧竖版人物照片，右侧文字主体展开。编辑摄影的真实感与专业冷色调营造出商务简报的质感。图文比例约三比七，图轻文重，适合以内容叙述为核心的页面。
+
+---
+
+# 04_右图出血
+
+这一页把矢量插画放在右侧，并让图像从右边缘出血至画布之外。没有边框，没有留白，图就那样溢出去了。左侧文字浮在清爽的冰霜白底色上，大图与小字形成强烈的视觉张力。
+
+---
+
+# 05_顶图三栏
+
+全幅水彩山湖图占据上方超过一半的画面，底部三列文字如图注般排列。图像自上而下流淌到文字区域，视线顺势从宽阔的风景落到具体的信息。这种布局有一种页眉与脚注的阅读节奏。
+
+---
+
+# 06_底图浮文
+
+手绘速写风格的温馨场景置于页面底部，文字在上方飘浮。图像像舞台布景，文字是前景的角色。马卡龙调色赋予整页一种教学素材特有的温柔气质。
+
+---
+
+# 07_Z型蛇形
+
+人眼在阅读页面时，自然从左上向右下呈Z形扫视。这一页利用这个规律——等距三维科技图像与文字交替排布，三段内容沿Z字形流动。两张等距视角一致的图形成视觉上的连续性。
+
+---
+
+# 08_九宫格混排
+
+整页被切割成三乘三的九个格子。中心格放置蓝图风格电路板图像，周围八个格子各自承载文字说明、色彩样本、规格参数。图居中，信息环绕，这是最密集的图文并置方式之一。
+
+---
+
+# 09_圆形放射
+
+圆形裁切的仪表盘图像悬浮在页面正中，六条细线从图像边缘向四角延伸，每条线末端是一个文字标注块。这是一种产品图解的逻辑——图如主体，文如注脚，向心张力把视线固定在中央。
+
+---
+
+# 10_底纹密铺
+
+像素复古风的城市夜景铺满整个画面，四个信息卡片叠压其上。图像在这里不是视觉重点，而是氛围载体——它提供了一个有温度的背景，文字信息在其上清晰呈现。遮罩层控制透明度，确保可读性。
+
+---
+
+# 11_剪纸分层
+
+五层剪纸山景从前景到远景层层叠叠，每层都有一个文字标注嵌入其中。文字不是浮在图上，而是融入不同的景深层。这是把文字嵌入图像内部结构的一种方式，而不只是覆盖在表面。
+
+---
+
+# 12_竖版杂志
+
+图像只占左侧百分之二十二的宽度——一道窄窄的竖条，如同书脊。右侧大字横排铺展，复古海报的双色调处理让整页只有两种颜色。图越小，字的力量越大。
+
+---
+
+# 13_对角线分割
+
+页面被一条对角线切成两个三角形——左上是奇幻动画风的梦幻森林，右下是深色背景上的文字区域。这条边界不是垂直或水平的，而是斜的，这一个角度的变化就带来了强烈的动感和戏剧性。
+
+---
+
+# 14_褪色底图大字
+
+水墨山水画被压低饱和度，退为页面底色，超大字体直接叠压其上。图变成了纹理，字成为了绝对的主角。这一页提醒我们，图像不一定要完整呈现，它可以半透明地存在，作为情绪背景。
+
+---
+
+# 15_上文下图
+
+上半幅是文字，下半幅是扁平设计风格的俯视图，一条宝石色渐变分割线将两者切开。图文各占一半，形成对等的对话关系——没有主次之分，只有上下的节奏。
+
+---
+
+# 16_中心放射标注
+
+正方形图像居于页面正中，六条线从图像边缘向外辐射，末端各带一段文字说明。这是产品手册的逻辑：图是主体，线是指引，字是解释。极简瑞士风格的设计让整个构图像一份精确的工程说明书。
+
+---
+
+# 17_横条贯穿
+
+丝网印刷风格的横条图像贯穿页面中腰，将上下两段文字切割分开。图在这里不是内容，而是节奏——它制造一个强制停顿，让读者在继续之前深吸一口气。
+
+---
+
+# 18_多边形填缝
+
+图像被裁切成六边形，文字在图形的外角和右侧空隙中自由填充。非矩形的容器让画面产生有机流动感，文字不是并排于图旁，而是找缝填入——这是图文关系中最自由的一种形式。
+
+---
+
+# 19_蒙太奇拼贴
+
+三张风格相近但内容各异的编辑摄影照片拼贴铺满整个画面，超大字体横跨三张图之上。蒙太奇的力量在于并置——单独的图未必有力量，但三张放在一起，压上一个大字，气场就来了。
+
+---
+
+# 20_黑板收场
+
+每种组合都是一种语言。图文之间没有固定的公式，只有无穷的可能。

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/spec_lock.md

@@ -0,0 +1,85 @@
+# Execution Lock
+
+## canvas
+- viewBox: 0 0 1280 720
+- format: PPT 16:9
+
+## colors
+- bg: #0F1117
+- secondary_bg: #1A1D2E
+- primary: #7C6FF7
+- accent: #F5A623
+- secondary_accent: #4ECDC4
+- text: #E8E8F0
+- text_secondary: #9090A0
+- text_tertiary: #5A5A72
+- border: #2A2D3E
+
+## typography
+- title_family: Georgia, "Microsoft YaHei", serif
+- body_family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif
+- emphasis_family: Georgia, "Microsoft YaHei", serif
+- code_family: Consolas, "Courier New", monospace
+- body: 20
+- title: 38
+- subtitle: 26
+- annotation: 15
+- cover_title: 80
+
+## icons
+- library: tabler-outline
+- stroke_width: 2
+- inventory: layout-collage, frame, layout-columns, layers-intersect, layout-grid, photo, palette, artboard
+
+## images
+- p01_cover.png: images/p01_cover.png
+- p03_left_img.png: images/p03_left_img.png
+- p04_right_img.png: images/p04_right_img.png
+- p05_top_img.png: images/p05_top_img.png
+- p06_bottom_img.png: images/p06_bottom_img.png
+- p07_z_img1.png: images/p07_z_img1.png
+- p07_z_img2.png: images/p07_z_img2.png
+- p08_grid_center.png: images/p08_grid_center.png
+- p09_circle_img.png: images/p09_circle_img.png
+- p10_bg_texture.png: images/p10_bg_texture.png
+- p11_papercut.png: images/p11_papercut.png
+- p12_poster_img.png: images/p12_poster_img.png
+- p13_diagonal_img.png: images/p13_diagonal_img.png
+- p14_fade_bg.png: images/p14_fade_bg.png
+- p15_bottom_img.png: images/p15_bottom_img.png
+- p16_center_img.png: images/p16_center_img.png
+- p17_strip_img.png: images/p17_strip_img.png
+- p18_polygon_img.png: images/p18_polygon_img.png
+- p19_collage1.png: images/p19_collage1.png
+- p19_collage2.png: images/p19_collage2.png
+- p19_collage3.png: images/p19_collage3.png
+- p20_closing.png: images/p20_closing.png
+
+## page_rhythm
+- P01: anchor
+- P02: anchor
+- P03: breathing
+- P04: breathing
+- P05: breathing
+- P06: breathing
+- P07: dense
+- P08: dense
+- P09: breathing
+- P10: dense
+- P11: breathing
+- P12: breathing
+- P13: breathing
+- P14: breathing
+- P15: breathing
+- P16: breathing
+- P17: breathing
+- P18: breathing
+- P19: breathing
+- P20: anchor
+
+## forbidden
+- Mixing icon libraries
+- rgba()
+- `<style>`, `class`, `<foreignObject>`, `textPath`, `@font-face`, `<animate*>`, `<script>`
+- `<g opacity>` (set opacity on each child individually)
+- HTML named entities in text — write raw Unicode; XML reserved chars use &amp; &lt; &gt; &quot; &apos;

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_final/02_目录.svg

@@ -0,0 +1,176 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="leftBarGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#7C6FF7" />
+      <stop offset="100%" stop-color="#4ECDC4" />
+    </linearGradient>
+    <linearGradient id="accentLine" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#7C6FF7" stop-opacity="0.6" />
+      <stop offset="100%" stop-color="#7C6FF7" stop-opacity="0" />
+    </linearGradient>
+  </defs>
+
+  
+  <rect width="1280" height="720" fill="#0F1117" />
+
+  
+  <rect x="0" y="0" width="340" height="720" fill="#1A1D2E" />
+  <rect x="336" y="0" width="4" height="720" fill="url(#leftBarGrad)" />
+
+  
+  <path fill="url(#leftBarGrad)" d="M42,60 H298 A2,2 0 0 1 300,62 V62 A2,2 0 0 1 298,64 H42 A2,2 0 0 1 40,62 V62 A2,2 0 0 1 42,60 Z" />
+  <text x="40" y="120" font-family="Georgia, 'Microsoft YaHei', serif" font-size="38" font-weight="bold" fill="#E8E8F0">目录</text>
+  <text x="40" y="148" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="15" fill="#9090A0" letter-spacing="3">CONTENTS</text>
+
+  
+  <text x="40" y="200" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#9090A0">本册展示</text>
+  <text x="40" y="224" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#9090A0">20种图文结合范式</text>
+  <text x="40" y="248" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#7C6FF7">18种渲染风格</text>
+  <text x="40" y="272" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#9090A0">14种调色板</text>
+
+  
+  
+  <g transform="translate(40.0, 320.0) scale(1.1666666666666667)" fill="none" stroke="#7C6FF7" stroke-width="2">
+    <path d="M15 8h.01" />
+    <path d="M3 6a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v12a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3v-12" />
+    <path d="M3 16l5 -5c.928 -.893 2.072 -.893 3 0l5 5" />
+    <path d="M14 14l1 -1c.928 -.893 2.072 -.893 3 0l3 3" />
+  </g>
+  
+  <g transform="translate(80.0, 320.0) scale(1.1666666666666667)" fill="none" stroke="#4ECDC4" stroke-width="2">
+    <path d="M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12" />
+    <path d="M10 4l4 16" />
+    <path d="M12 12l-8 2" />
+  </g>
+  
+  <g transform="translate(120.0, 320.0) scale(1.1666666666666667)" fill="none" stroke="#F5A623" stroke-width="2">
+    <path d="M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25" />
+    <path d="M7.5 10.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" />
+    <path d="M11.5 7.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" />
+    <path d="M15.5 10.5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" />
+  </g>
+  
+  <g transform="translate(160.0, 320.0) scale(1.1666666666666667)" fill="none" stroke="#E8E8F0" stroke-width="2">
+    <path d="M8 6a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -8" />
+    <path d="M4 10a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v8a2 2 0 0 1 -2 2h-8a2 2 0 0 1 -2 -2l0 -8" />
+  </g>
+
+  
+  <path fill="#7C6FF7" fill-opacity="0.15" stroke="#7C6FF7" stroke-opacity="0.3" stroke-width="1" d="M58,620 H102 A18,18 0 0 1 120,638 V638 A18,18 0 0 1 102,656 H58 A18,18 0 0 1 40,638 V638 A18,18 0 0 1 58,620 Z" />
+  <text x="80" y="643" text-anchor="middle" font-family="Arial, sans-serif" font-size="15" fill="#7C6FF7">20 页</text>
+
+  
+  
+  <text x="390" y="80" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="13" fill="#5A5A72" letter-spacing="2">01 — 10</text>
+
+  
+  <g>
+    
+    <text x="390" y="116" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#7C6FF7">01</text>
+    <text x="418" y="116" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">封面</text>
+    <text x="600" y="116" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">glassmorphism × dark-cinematic</text>
+
+    
+    <text x="390" y="148" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">02</text>
+    <text x="418" y="148" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#9090A0">目录</text>
+    <text x="600" y="148" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">结构导航</text>
+
+    
+    <text x="390" y="180" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">03</text>
+    <text x="418" y="180" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">左图右文</text>
+    <text x="600" y="180" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">corporate-photo × cool-corporate</text>
+
+    
+    <text x="390" y="212" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">04</text>
+    <text x="418" y="212" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">右图出血</text>
+    <text x="600" y="212" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">vector-illustration × frost-ice</text>
+
+    
+    <text x="390" y="244" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">05</text>
+    <text x="418" y="244" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">顶图三栏文</text>
+    <text x="600" y="244" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">watercolor × warm-earth</text>
+
+    
+    <text x="390" y="276" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">06</text>
+    <text x="418" y="276" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">底图浮文</text>
+    <text x="600" y="276" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">sketch-notes × macaron</text>
+
+    
+    <text x="390" y="308" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">07</text>
+    <text x="418" y="308" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">Z型蛇形叙事</text>
+    <text x="600" y="308" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">3d-isometric × tech-neon</text>
+
+    
+    <text x="390" y="340" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">08</text>
+    <text x="418" y="340" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">九宫格混排</text>
+    <text x="600" y="340" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">blueprint × editorial-classic</text>
+
+    
+    <text x="390" y="372" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">09</text>
+    <text x="418" y="372" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">圆形放射</text>
+    <text x="600" y="372" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">digital-dashboard × mono-ink</text>
+
+    
+    <text x="390" y="404" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">10</text>
+    <text x="418" y="404" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">底纹密铺</text>
+    <text x="600" y="404" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">pixel-art × vivid-launch</text>
+  </g>
+
+  
+  <line x1="390" y1="425" x2="1220" y2="425" stroke="#2A2D3E" stroke-width="1" />
+
+  
+  <text x="390" y="455" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="13" fill="#5A5A72" letter-spacing="2">11 — 20</text>
+
+  <g>
+    
+    <text x="390" y="490" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">11</text>
+    <text x="418" y="490" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">剪纸分层</text>
+    <text x="600" y="490" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">paper-cut × nature-organic</text>
+
+    
+    <text x="390" y="516" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">12</text>
+    <text x="418" y="516" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">竖版杂志窄图</text>
+    <text x="600" y="516" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">vintage-poster × duotone</text>
+
+    
+    <text x="390" y="542" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">13</text>
+    <text x="418" y="542" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">对角线分割</text>
+    <text x="600" y="542" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">fantasy-animation × sunset-gradient</text>
+
+    
+    <text x="390" y="568" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">14</text>
+    <text x="418" y="568" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">褪色底图大字</text>
+    <text x="600" y="568" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">ink-notes × earthy-dusty</text>
+
+    
+    <text x="390" y="594" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">15</text>
+    <text x="418" y="594" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">上文下图对称</text>
+    <text x="600" y="594" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">flat × jewel-tone</text>
+
+    
+    <text x="390" y="620" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">16</text>
+    <text x="418" y="620" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">中心放射标注</text>
+    <text x="600" y="620" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">minimalist-swiss × editorial-classic</text>
+
+    
+    <text x="390" y="646" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">17</text>
+    <text x="418" y="646" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">横条贯穿</text>
+    <text x="600" y="646" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">screen-print × vivid-launch</text>
+
+    <text x="780" y="646" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">18</text>
+    <text x="808" y="646" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">多边形填缝</text>
+    <text x="960" y="646" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">nature × sunset-gradient</text>
+
+    <text x="390" y="672" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">19</text>
+    <text x="418" y="672" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">蒙太奇拼贴</text>
+    <text x="600" y="672" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">editorial × dark-cinematic</text>
+
+    <text x="780" y="672" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A72">20</text>
+    <text x="808" y="672" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#E8E8F0">黑板收场</text>
+    <text x="960" y="672" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">chalkboard × mono-ink</text>
+  </g>
+
+  
+  <text x="1240" y="700" text-anchor="end" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">02</text>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/01_封面.svg

@@ -0,0 +1,90 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="coverBg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0A0C14"/>
+      <stop offset="50%" stop-color="#0F1117"/>
+      <stop offset="100%" stop-color="#12102A"/>
+    </linearGradient>
+    <linearGradient id="glassPanel1" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#7C6FF7" stop-opacity="0.15"/>
+      <stop offset="100%" stop-color="#4ECDC4" stop-opacity="0.05"/>
+    </linearGradient>
+    <linearGradient id="glassPanel2" x1="100%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#F5A623" stop-opacity="0.08"/>
+      <stop offset="100%" stop-color="#7C6FF7" stop-opacity="0.12"/>
+    </linearGradient>
+    <linearGradient id="titleGlow" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#7C6FF7"/>
+      <stop offset="100%" stop-color="#4ECDC4"/>
+    </linearGradient>
+    <radialGradient id="orb1" cx="30%" cy="25%" r="40%">
+      <stop offset="0%" stop-color="#7C6FF7" stop-opacity="0.25"/>
+      <stop offset="100%" stop-color="#7C6FF7" stop-opacity="0"/>
+    </radialGradient>
+    <radialGradient id="orb2" cx="75%" cy="75%" r="35%">
+      <stop offset="0%" stop-color="#F5A623" stop-opacity="0.15"/>
+      <stop offset="100%" stop-color="#F5A623" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1280" height="720" fill="url(#coverBg)"/>
+
+  <!-- Orb glows -->
+  <rect width="1280" height="720" fill="url(#orb1)"/>
+  <rect width="1280" height="720" fill="url(#orb2)"/>
+
+  <!-- Full-bleed hero image (glassmorphism × dark-cinematic) -->
+  <image href="../images/p01_cover.png" x="0" y="0" width="1280" height="720" preserveAspectRatio="xMidYMid slice"/>
+
+  <!-- Dark overlay to ensure text legibility -->
+  <rect width="1280" height="720" fill="#0F1117" fill-opacity="0.45"/>
+
+  <!-- Glass panel — large background panel -->
+  <rect x="160" y="140" width="960" height="440" rx="20" ry="20"
+        fill="url(#glassPanel1)" stroke="#7C6FF7" stroke-opacity="0.2" stroke-width="1"/>
+
+  <!-- Glass panel — inner highlight (top edge refraction) -->
+  <rect x="160" y="140" width="960" height="1" fill="#E8E8F0" fill-opacity="0.3"/>
+
+  <!-- Small accent glass panel top-right -->
+  <rect x="940" y="80" width="220" height="80" rx="12" ry="12"
+        fill="url(#glassPanel2)" stroke="#F5A623" stroke-opacity="0.25" stroke-width="1"/>
+
+  <!-- Small accent glass panel bottom-left -->
+  <rect x="120" y="600" width="180" height="60" rx="10" ry="10"
+        fill="url(#glassPanel1)" stroke="#4ECDC4" stroke-opacity="0.2" stroke-width="1"/>
+
+  <!-- Decorative corner dots — top-right panel -->
+  <circle cx="952" cy="96" r="3" fill="#F5A623" fill-opacity="0.6"/>
+  <circle cx="966" cy="96" r="3" fill="#F5A623" fill-opacity="0.4"/>
+  <circle cx="980" cy="96" r="3" fill="#F5A623" fill-opacity="0.2"/>
+
+  <!-- Thin accent line — horizontal rule -->
+  <line x1="200" y1="310" x2="1080" y2="310" stroke="url(#titleGlow)" stroke-opacity="0.3" stroke-width="1"/>
+
+  <!-- Main title -->
+  <text x="640" y="270" text-anchor="middle" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="88" font-weight="bold" fill="#E8E8F0" letter-spacing="8">图文结合</text>
+
+  <!-- Subtitle -->
+  <text x="640" y="355" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="26" fill="#9090A0" letter-spacing="4">20种视觉语言的并置实验</text>
+
+  <!-- Gradient accent bar under title -->
+  <rect x="540" y="375" width="200" height="3" rx="2" fill="url(#titleGlow)"/>
+
+  <!-- Bottom info row -->
+  <text x="640" y="470" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#5A5A72" letter-spacing="6">PPT MASTER  ·  2026</text>
+
+  <!-- Rendering label — top-right accent panel -->
+  <text x="1050" y="112" text-anchor="middle" font-family="Arial, sans-serif"
+        font-size="13" fill="#F5A623" fill-opacity="0.8" letter-spacing="2">glassmorphism</text>
+  <text x="1050" y="130" text-anchor="middle" font-family="Arial, sans-serif"
+        font-size="11" fill="#9090A0" letter-spacing="1">dark-cinematic</text>
+
+  <!-- Bottom-left badge -->
+  <text x="210" y="626" font-family="Arial, sans-serif" font-size="13" fill="#4ECDC4" fill-opacity="0.7">P01</text>
+  <text x="232" y="626" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">封面</text>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/02_目录.svg

@@ -0,0 +1,206 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="leftBarGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#7C6FF7"/>
+      <stop offset="100%" stop-color="#4ECDC4"/>
+    </linearGradient>
+    <linearGradient id="accentLine" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#7C6FF7" stop-opacity="0.6"/>
+      <stop offset="100%" stop-color="#7C6FF7" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1280" height="720" fill="#0F1117"/>
+
+  <!-- Left color block -->
+  <rect x="0" y="0" width="340" height="720" fill="#1A1D2E"/>
+  <rect x="336" y="0" width="4" height="720" fill="url(#leftBarGrad)"/>
+
+  <!-- Left panel — title section -->
+  <rect x="40" y="60" width="260" height="4" rx="2" fill="url(#leftBarGrad)"/>
+  <text x="40" y="120" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="38" font-weight="bold" fill="#E8E8F0">目录</text>
+  <text x="40" y="148" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#9090A0" letter-spacing="3">CONTENTS</text>
+
+  <!-- Left panel — description -->
+  <text x="40" y="200" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#9090A0">本册展示</text>
+  <text x="40" y="224" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#9090A0">20种图文结合范式</text>
+  <text x="40" y="248" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#7C6FF7">18种渲染风格</text>
+  <text x="40" y="272" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#9090A0">14种调色板</text>
+
+  <!-- Left panel — icon grid -->
+  <use data-icon="tabler-outline/photo" x="40" y="320" width="28" height="28" fill="#7C6FF7" stroke-width="2"/>
+  <use data-icon="tabler-outline/layout-collage" x="80" y="320" width="28" height="28" fill="#4ECDC4" stroke-width="2"/>
+  <use data-icon="tabler-outline/palette" x="120" y="320" width="28" height="28" fill="#F5A623" stroke-width="2"/>
+  <use data-icon="tabler-outline/layers-intersect" x="160" y="320" width="28" height="28" fill="#E8E8F0" fill-opacity="0.5" stroke-width="2"/>
+
+  <!-- Left panel page count badge -->
+  <rect x="40" y="620" width="80" height="36" rx="18" fill="#7C6FF7" fill-opacity="0.15"
+        stroke="#7C6FF7" stroke-opacity="0.3" stroke-width="1"/>
+  <text x="80" y="643" text-anchor="middle" font-family="Arial, sans-serif"
+        font-size="15" fill="#7C6FF7">20 页</text>
+
+  <!-- Right area — TOC list -->
+  <!-- Column 1: P01–P10 -->
+  <text x="390" y="80" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="13" fill="#5A5A72" letter-spacing="2">01 — 10</text>
+
+  <!-- Entry rows -->
+  <g>
+    <!-- P01 -->
+    <text x="390" y="116" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#7C6FF7">01</text>
+    <text x="418" y="116" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">封面</text>
+    <text x="600" y="116" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">glassmorphism × dark-cinematic</text>
+
+    <!-- P02 -->
+    <text x="390" y="148" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">02</text>
+    <text x="418" y="148" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#9090A0">目录</text>
+    <text x="600" y="148" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">结构导航</text>
+
+    <!-- P03 -->
+    <text x="390" y="180" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">03</text>
+    <text x="418" y="180" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">左图右文</text>
+    <text x="600" y="180" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">corporate-photo × cool-corporate</text>
+
+    <!-- P04 -->
+    <text x="390" y="212" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">04</text>
+    <text x="418" y="212" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">右图出血</text>
+    <text x="600" y="212" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">vector-illustration × frost-ice</text>
+
+    <!-- P05 -->
+    <text x="390" y="244" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">05</text>
+    <text x="418" y="244" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">顶图三栏文</text>
+    <text x="600" y="244" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">watercolor × warm-earth</text>
+
+    <!-- P06 -->
+    <text x="390" y="276" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">06</text>
+    <text x="418" y="276" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">底图浮文</text>
+    <text x="600" y="276" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">sketch-notes × macaron</text>
+
+    <!-- P07 -->
+    <text x="390" y="308" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">07</text>
+    <text x="418" y="308" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">Z型蛇形叙事</text>
+    <text x="600" y="308" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">3d-isometric × tech-neon</text>
+
+    <!-- P08 -->
+    <text x="390" y="340" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">08</text>
+    <text x="418" y="340" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">九宫格混排</text>
+    <text x="600" y="340" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">blueprint × editorial-classic</text>
+
+    <!-- P09 -->
+    <text x="390" y="372" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">09</text>
+    <text x="418" y="372" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">圆形放射</text>
+    <text x="600" y="372" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">digital-dashboard × mono-ink</text>
+
+    <!-- P10 -->
+    <text x="390" y="404" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">10</text>
+    <text x="418" y="404" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">底纹密铺</text>
+    <text x="600" y="404" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">pixel-art × vivid-launch</text>
+  </g>
+
+  <!-- Divider -->
+  <line x1="390" y1="425" x2="1220" y2="425" stroke="#2A2D3E" stroke-width="1"/>
+
+  <!-- Column 2: P11–P20 -->
+  <text x="390" y="455" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="13" fill="#5A5A72" letter-spacing="2">11 — 20</text>
+
+  <g>
+    <!-- P11 -->
+    <text x="390" y="490" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">11</text>
+    <text x="418" y="490" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">剪纸分层</text>
+    <text x="600" y="490" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">paper-cut × nature-organic</text>
+
+    <!-- P12 -->
+    <text x="390" y="516" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">12</text>
+    <text x="418" y="516" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">竖版杂志窄图</text>
+    <text x="600" y="516" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">vintage-poster × duotone</text>
+
+    <!-- P13 -->
+    <text x="390" y="542" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">13</text>
+    <text x="418" y="542" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">对角线分割</text>
+    <text x="600" y="542" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">fantasy-animation × sunset-gradient</text>
+
+    <!-- P14 -->
+    <text x="390" y="568" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">14</text>
+    <text x="418" y="568" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">褪色底图大字</text>
+    <text x="600" y="568" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">ink-notes × earthy-dusty</text>
+
+    <!-- P15 -->
+    <text x="390" y="594" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">15</text>
+    <text x="418" y="594" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">上文下图对称</text>
+    <text x="600" y="594" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">flat × jewel-tone</text>
+
+    <!-- P16 -->
+    <text x="390" y="620" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">16</text>
+    <text x="418" y="620" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">中心放射标注</text>
+    <text x="600" y="620" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">minimalist-swiss × editorial-classic</text>
+
+    <!-- P17–20 compressed -->
+    <text x="390" y="646" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">17</text>
+    <text x="418" y="646" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">横条贯穿</text>
+    <text x="600" y="646" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">screen-print × vivid-launch</text>
+
+    <text x="780" y="646" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">18</text>
+    <text x="808" y="646" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">多边形填缝</text>
+    <text x="960" y="646" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">nature × sunset-gradient</text>
+
+    <text x="390" y="672" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">19</text>
+    <text x="418" y="672" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">蒙太奇拼贴</text>
+    <text x="600" y="672" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">editorial × dark-cinematic</text>
+
+    <text x="780" y="672" font-family="Consolas, 'Courier New', monospace"
+          font-size="13" fill="#5A5A72">20</text>
+    <text x="808" y="672" font-family="Arial, 'Microsoft YaHei', sans-serif"
+          font-size="17" fill="#E8E8F0">黑板收场</text>
+    <text x="960" y="672" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">chalkboard × mono-ink</text>
+  </g>
+
+  <!-- Page number -->
+  <text x="1240" y="700" text-anchor="end" font-family="Arial, sans-serif"
+        font-size="13" fill="#5A5A72">02</text>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/03_左图右文.svg

@@ -0,0 +1,75 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="imgOverlay" x1="100%" y1="0%" x2="0%" y2="0%">
+      <stop offset="0%" stop-color="#0F1117" stop-opacity="0"/>
+      <stop offset="70%" stop-color="#0F1117" stop-opacity="0.3"/>
+      <stop offset="100%" stop-color="#0F1117" stop-opacity="0.9"/>
+    </linearGradient>
+    <linearGradient id="accentBar" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#7C6FF7"/>
+      <stop offset="100%" stop-color="#4ECDC4"/>
+    </linearGradient>
+    <clipPath id="leftImgClip">
+      <rect x="0" y="0" width="427" height="720"/>
+    </clipPath>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1280" height="720" fill="#0B0E18"/>
+
+  <!-- Left image — corporate-photo, full height -->
+  <image href="../images/p03_left_img.png" x="0" y="0" width="427" height="720"
+         clip-path="url(#leftImgClip)" preserveAspectRatio="xMidYMid slice"/>
+
+  <!-- Image fade-to-right overlay -->
+  <rect x="0" y="0" width="427" height="720" fill="url(#imgOverlay)"/>
+
+  <!-- Vertical divider accent line -->
+  <line x1="427" y1="60" x2="427" y2="660" stroke="#7C6FF7" stroke-opacity="0.4" stroke-width="1"/>
+
+  <!-- Right text area background subtle tint -->
+  <rect x="427" y="0" width="853" height="720" fill="#0F1117"/>
+
+  <!-- Rendering label badge — top area -->
+  <rect x="460" y="48" width="200" height="28" rx="4" fill="#1A1D2E"/>
+  <text x="470" y="67" font-family="Arial, sans-serif" font-size="13" fill="#7C6FF7" letter-spacing="1">corporate-photo</text>
+  <text x="660" y="67" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72"> × cool-corporate</text>
+
+  <!-- Page number small -->
+  <text x="460" y="100" font-family="Consolas, monospace" font-size="13" fill="#5A5A72">P03</text>
+
+  <!-- Layout type label -->
+  <text x="460" y="128" font-family="Georgia, 'Microsoft YaHei', serif" font-size="38" font-weight="bold" fill="#E8E8F0">左图右文</text>
+  <text x="460" y="158" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#9090A0">Left Image · Right Text</text>
+
+  <!-- Accent bar -->
+  <rect x="460" y="172" width="120" height="3" rx="1.5" fill="url(#accentBar)"/>
+
+  <!-- Body content -->
+  <text x="460" y="220" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="20" fill="#E8E8F0">图像占据左侧 1/3 画面，竖版构图，</text>
+  <text x="460" y="248" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="20" fill="#E8E8F0">文字主体在右侧大面积展开。</text>
+  <text x="460" y="296" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="20" fill="#9090A0">图文比例约 3 : 7，适合以内容叙述</text>
+  <text x="460" y="324" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="20" fill="#9090A0">为主、图像为辅助情境的页面。</text>
+
+  <!-- Feature points -->
+  <rect x="460" y="370" width="4" height="4" rx="2" fill="#7C6FF7"/>
+  <text x="476" y="380" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="18" fill="#E8E8F0">编辑摄影风格，真实场景感</text>
+
+  <rect x="460" y="410" width="4" height="4" rx="2" fill="#4ECDC4"/>
+  <text x="476" y="420" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="18" fill="#E8E8F0">冷色调专业配色，商务感强</text>
+
+  <rect x="460" y="450" width="4" height="4" rx="2" fill="#F5A623"/>
+  <text x="476" y="460" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="18" fill="#E8E8F0">图像右边缘渐隐，融入背景</text>
+
+  <!-- Rendering info block -->
+  <rect x="460" y="530" width="380" height="100" rx="8" fill="#1A1D2E" stroke="#2A2D3E" stroke-width="1"/>
+  <text x="480" y="560" font-family="Consolas, monospace" font-size="13" fill="#9090A0">Rendering</text>
+  <text x="600" y="560" font-family="Consolas, monospace" font-size="13" fill="#E8E8F0">corporate-photo</text>
+  <text x="480" y="583" font-family="Consolas, monospace" font-size="13" fill="#9090A0">Palette  </text>
+  <text x="600" y="583" font-family="Consolas, monospace" font-size="13" fill="#E8E8F0">cool-corporate</text>
+  <text x="480" y="606" font-family="Consolas, monospace" font-size="13" fill="#9090A0">Layout  </text>
+  <text x="600" y="606" font-family="Consolas, monospace" font-size="13" fill="#E8E8F0">left-1/3 image + right text</text>
+
+  <!-- Icon -->
+  <use data-icon="tabler-outline/layout-columns" x="880" y="540" width="40" height="40" fill="#7C6FF7" fill-opacity="0.4" stroke-width="2"/>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/04_右图出血.svg

@@ -0,0 +1,79 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="frostBg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#F0F4FA"/>
+      <stop offset="100%" stop-color="#E4EEF8"/>
+    </linearGradient>
+    <linearGradient id="textToImg" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#F0F4FA" stop-opacity="1"/>
+      <stop offset="60%" stop-color="#F0F4FA" stop-opacity="1"/>
+      <stop offset="100%" stop-color="#F0F4FA" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="accentPrimary" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#7C6FF7"/>
+      <stop offset="100%" stop-color="#4ECDC4"/>
+    </linearGradient>
+    <clipPath id="rightImgClip">
+      <rect x="440" y="0" width="840" height="720"/>
+    </clipPath>
+  </defs>
+
+  <!-- Background — frost-ice: near-white field -->
+  <rect width="1280" height="720" fill="url(#frostBg)"/>
+
+  <!-- Right image — vector-illustration, bleeds to right edge -->
+  <image href="../images/p04_right_img.png" x="440" y="0" width="840" height="720"
+         clip-path="url(#rightImgClip)" preserveAspectRatio="xMidYMid slice"/>
+
+  <!-- Left-to-right fade overlay so text area stays clean -->
+  <rect x="0" y="0" width="680" height="720" fill="url(#textToImg)"/>
+
+  <!-- Top accent rule -->
+  <rect x="60" y="50" width="360" height="3" rx="1.5" fill="url(#accentPrimary)"/>
+
+  <!-- Badge -->
+  <rect x="60" y="64" width="240" height="26" rx="4" fill="#7C6FF7" fill-opacity="0.1"/>
+  <text x="70" y="81" font-family="Arial, sans-serif" font-size="13" fill="#7C6FF7">vector-illustration × frost-ice</text>
+
+  <!-- Page number -->
+  <text x="60" y="120" font-family="Consolas, monospace" font-size="13" fill="#9090A0">P04</text>
+
+  <!-- Main title — dark text on light bg -->
+  <text x="60" y="170" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="48" font-weight="bold" fill="#1A1A3A">右图出血</text>
+  <text x="60" y="210" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="18" fill="#5A5A72">Right Image Bleed</text>
+
+  <!-- Body text -->
+  <text x="60" y="270" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="20" fill="#2A2A4A">矢量插画图像占右侧大面积，</text>
+  <text x="60" y="298" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="20" fill="#2A2A4A">并从右边缘出血至画布外。</text>
+  <text x="60" y="346" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="20" fill="#6A6A8A">文字在左侧浮动，大图小字</text>
+  <text x="60" y="374" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="20" fill="#6A6A8A">形成强烈的视觉张力。</text>
+
+  <!-- Feature dots -->
+  <rect x="60" y="422" width="4" height="4" rx="2" fill="#7C6FF7"/>
+  <text x="76" y="432" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="18" fill="#2A2A4A">扁平矢量风格，几何感强</text>
+
+  <rect x="60" y="460" width="4" height="4" rx="2" fill="#4ECDC4"/>
+  <text x="76" y="470" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="18" fill="#2A2A4A">冰霜白底色，清爽专业</text>
+
+  <rect x="60" y="498" width="4" height="4" rx="2" fill="#F5A623"/>
+  <text x="76" y="508" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="18" fill="#2A2A4A">右边缘出血，无边框感极强</text>
+
+  <!-- Info box -->
+  <rect x="60" y="558" width="340" height="96" rx="8" fill="#FFFFFF" fill-opacity="0.8"
+        stroke="#7C6FF7" stroke-opacity="0.2" stroke-width="1"/>
+  <text x="80" y="585" font-family="Consolas, monospace" font-size="13" fill="#6A6A8A">Rendering</text>
+  <text x="180" y="585" font-family="Consolas, monospace" font-size="13" fill="#1A1A3A">vector-illustration</text>
+  <text x="80" y="608" font-family="Consolas, monospace" font-size="13" fill="#6A6A8A">Palette  </text>
+  <text x="180" y="608" font-family="Consolas, monospace" font-size="13" fill="#1A1A3A">frost-ice</text>
+  <text x="80" y="631" font-family="Consolas, monospace" font-size="13" fill="#6A6A8A">Layout  </text>
+  <text x="180" y="631" font-family="Consolas, monospace" font-size="13" fill="#1A1A3A">right bleed image + left text</text>
+
+  <!-- Page number corner -->
+  <text x="1240" y="700" text-anchor="end" font-family="Arial, sans-serif" font-size="13" fill="#9090A0">04</text>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/05_顶图三栏.svg

@@ -0,0 +1,94 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="warmBg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#F5EDE0"/>
+      <stop offset="100%" stop-color="#EDE0D0"/>
+    </linearGradient>
+    <linearGradient id="imgBottomFade" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#F5EDE0" stop-opacity="0"/>
+      <stop offset="70%" stop-color="#F5EDE0" stop-opacity="0"/>
+      <stop offset="100%" stop-color="#F5EDE0" stop-opacity="1"/>
+    </linearGradient>
+    <linearGradient id="warmAccent" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#C4704A"/>
+      <stop offset="100%" stop-color="#D4A96A"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background warm earth -->
+  <rect width="1280" height="720" fill="url(#warmBg)"/>
+
+  <!-- Top image — watercolor × warm-earth — full width, top half -->
+  <image href="../images/p05_top_img.png" x="0" y="0" width="1280" height="380"
+         preserveAspectRatio="xMidYMid slice"/>
+
+  <!-- Smooth fade at bottom of image -->
+  <rect x="0" y="0" width="1280" height="380" fill="url(#imgBottomFade)"/>
+
+  <!-- Thin separator line -->
+  <line x1="60" y1="395" x2="1220" y2="395" stroke="#C4704A" stroke-opacity="0.3" stroke-width="1"/>
+
+  <!-- Page info row -->
+  <text x="60" y="378" font-family="Consolas, monospace" font-size="13" fill="#8A6A4A">P05  ·  watercolor × warm-earth  ·  顶图三栏</text>
+
+  <!-- Three-column text layout — y starts at 415 -->
+  <!-- Column 1 -->
+  <text x="80" y="445" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="22" font-weight="bold" fill="#3A2010">水彩渲染</text>
+  <text x="80" y="468" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="13" fill="#8A6A4A" letter-spacing="1">Watercolor Rendering</text>
+  <rect x="80" y="478" width="60" height="2" rx="1" fill="url(#warmAccent)"/>
+  <text x="80" y="504" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#5A3A20">水彩颜料在纸面上</text>
+  <text x="80" y="526" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#5A3A20">晕染渗透，边缘</text>
+  <text x="80" y="548" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#5A3A20">自然柔化。</text>
+  <text x="80" y="586" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#8A6A4A">湿润感，有机质地，</text>
+  <text x="80" y="606" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#8A6A4A">适合情感型叙事。</text>
+
+  <!-- Column separator -->
+  <line x1="453" y1="425" x2="453" y2="660" stroke="#C4704A" stroke-opacity="0.2" stroke-width="1"/>
+
+  <!-- Column 2 -->
+  <text x="480" y="445" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="22" font-weight="bold" fill="#3A2010">暖土调色板</text>
+  <text x="480" y="468" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="13" fill="#8A6A4A" letter-spacing="1">Warm-Earth Palette</text>
+  <rect x="480" y="478" width="60" height="2" rx="1" fill="url(#warmAccent)"/>
+  <text x="480" y="504" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#5A3A20">赤土、沙黄、暮橙</text>
+  <text x="480" y="526" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#5A3A20">构成温暖基调，</text>
+  <text x="480" y="548" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#5A3A20">贴近自然与人文。</text>
+  <text x="480" y="586" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#8A6A4A">色温偏高，营造温度感，</text>
+  <text x="480" y="606" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#8A6A4A">避免冷漠疏离。</text>
+
+  <!-- Column separator -->
+  <line x1="853" y1="425" x2="853" y2="660" stroke="#C4704A" stroke-opacity="0.2" stroke-width="1"/>
+
+  <!-- Column 3 -->
+  <text x="880" y="445" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="22" font-weight="bold" fill="#3A2010">顶图三栏布局</text>
+  <text x="880" y="468" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="13" fill="#8A6A4A" letter-spacing="1">Top Image + 3-Column Text</text>
+  <rect x="880" y="478" width="60" height="2" rx="1" fill="url(#warmAccent)"/>
+  <text x="880" y="504" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#5A3A20">全幅图像占上方</text>
+  <text x="880" y="526" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#5A3A20">约 53% 画面，</text>
+  <text x="880" y="548" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#5A3A20">下方三列等宽注释。</text>
+  <text x="880" y="586" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#8A6A4A">图像如页眉，文字如脚注，</text>
+  <text x="880" y="606" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#8A6A4A">逻辑自上而下流动。</text>
+
+  <!-- Bottom page number -->
+  <text x="1220" y="700" text-anchor="end" font-family="Arial, sans-serif" font-size="13" fill="#8A6A4A">05</text>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/06_底图浮文.svg

@@ -0,0 +1,77 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="creamBg" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#FDF8F2"/>
+      <stop offset="100%" stop-color="#F5EDE0"/>
+    </linearGradient>
+    <linearGradient id="imgTopFade" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#FDF8F2" stop-opacity="1"/>
+      <stop offset="25%" stop-color="#FDF8F2" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="macaronAccent" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#B8A9E0"/>
+      <stop offset="50%" stop-color="#A8D8C0"/>
+      <stop offset="100%" stop-color="#F5C5A3"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background — macaron cream -->
+  <rect width="1280" height="720" fill="url(#creamBg)"/>
+
+  <!-- Bottom image — sketch-notes, fills bottom portion -->
+  <image href="../images/p06_bottom_img.png" x="0" y="360" width="1280" height="360"
+         preserveAspectRatio="xMidYMid slice"/>
+
+  <!-- Top fade on image -->
+  <rect x="0" y="360" width="1280" height="120" fill="url(#imgTopFade)"/>
+
+  <!-- Top area — title and text float above the scene -->
+  <!-- Accent bar top -->
+  <rect x="0" y="0" width="1280" height="6" fill="url(#macaronAccent)"/>
+
+  <!-- Page meta -->
+  <text x="640" y="40" text-anchor="middle" font-family="Arial, sans-serif"
+        font-size="13" fill="#9090A0" letter-spacing="3">P06  ·  sketch-notes × macaron</text>
+
+  <!-- Main title — centered -->
+  <text x="640" y="100" text-anchor="middle" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="48" font-weight="bold" fill="#3A2A4A">底图浮文</text>
+  <text x="640" y="130" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="18" fill="#8A7A9A">Bottom Image · Floating Text</text>
+
+  <!-- Macaron accent dots -->
+  <circle cx="500" cy="118" r="4" fill="#B8A9E0"/>
+  <circle cx="780" cy="118" r="4" fill="#A8D8C0"/>
+
+  <!-- Mid-section text -->
+  <text x="640" y="188" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="20" fill="#4A3A5A">手绘速写风格，图像在底部如同舞台布景，</text>
+  <text x="640" y="216" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="20" fill="#4A3A5A">文字在上方温暖飘浮。</text>
+
+  <!-- Three keyword pills -->
+  <rect x="346" y="246" width="130" height="34" rx="17" fill="#B8A9E0" fill-opacity="0.3" stroke="#B8A9E0" stroke-width="1"/>
+  <text x="411" y="268" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#6A5A8A">手绘质感</text>
+
+  <rect x="496" y="246" width="130" height="34" rx="17" fill="#A8D8C0" fill-opacity="0.3" stroke="#A8D8C0" stroke-width="1"/>
+  <text x="561" y="268" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#3A7A6A">粉彩色调</text>
+
+  <rect x="646" y="246" width="130" height="34" rx="17" fill="#F5C5A3" fill-opacity="0.3" stroke="#F5C5A3" stroke-width="1"/>
+  <text x="711" y="268" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#8A5A3A">温馨教学感</text>
+
+  <!-- Short annotation below image (overlaying image zone) -->
+  <text x="640" y="650" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#6A5A4A" fill-opacity="0.8">图像 ↓ 作为页面底座  ·  文字 ↑ 向上生长</text>
+
+  <!-- Decorative sketch doodle — small stars -->
+  <text x="240" y="200" font-family="Arial, sans-serif" font-size="16" fill="#B8A9E0" fill-opacity="0.7">✦</text>
+  <text x="990" y="170" font-family="Arial, sans-serif" font-size="12" fill="#A8D8C0" fill-opacity="0.7">✦</text>
+  <text x="180" y="300" font-family="Arial, sans-serif" font-size="10" fill="#F5C5A3" fill-opacity="0.7">◆</text>
+  <text x="1060" y="290" font-family="Arial, sans-serif" font-size="10" fill="#B8A9E0" fill-opacity="0.7">◆</text>
+
+  <!-- Page number -->
+  <text x="1240" y="700" text-anchor="end" font-family="Arial, sans-serif" font-size="13" fill="#9090A0">06</text>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/07_Z型蛇形.svg

@@ -0,0 +1,113 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="techBg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#080A14"/>
+      <stop offset="100%" stop-color="#0C0E1A"/>
+    </linearGradient>
+    <linearGradient id="neonPrimary" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#7C6FF7"/>
+      <stop offset="100%" stop-color="#4ECDC4"/>
+    </linearGradient>
+    <linearGradient id="neonAccent" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#F5A623"/>
+      <stop offset="100%" stop-color="#FF6B35"/>
+    </linearGradient>
+    <linearGradient id="row1ImgFade" x1="100%" y1="0%" x2="0%" y2="0%">
+      <stop offset="0%" stop-color="#080A14" stop-opacity="0"/>
+      <stop offset="100%" stop-color="#080A14" stop-opacity="0.8"/>
+    </linearGradient>
+    <linearGradient id="row3ImgFade" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#080A14" stop-opacity="0"/>
+      <stop offset="100%" stop-color="#080A14" stop-opacity="0.8"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background -->
+  <rect width="1280" height="720" fill="url(#techBg)"/>
+
+  <!-- Grid lines background — subtle -->
+  <line x1="0" y1="60" x2="1280" y2="60" stroke="#7C6FF7" stroke-opacity="0.05" stroke-width="1"/>
+  <line x1="0" y1="240" x2="1280" y2="240" stroke="#7C6FF7" stroke-opacity="0.05" stroke-width="1"/>
+  <line x1="0" y1="480" x2="1280" y2="480" stroke="#7C6FF7" stroke-opacity="0.05" stroke-width="1"/>
+
+  <!-- Top meta row -->
+  <rect x="0" y="0" width="1280" height="3" fill="url(#neonPrimary)"/>
+  <text x="640" y="30" text-anchor="middle" font-family="Arial, sans-serif"
+        font-size="13" fill="#5A5A72" letter-spacing="3">P07  ·  3d-isometric × tech-neon  ·  Z型蛇形叙事</text>
+
+  <!-- ===== ROW 1: Image LEFT + Text RIGHT ===== -->
+  <!-- Row 1 bg -->
+  <rect x="0" y="52" width="1280" height="196" fill="#0F1117"/>
+
+  <!-- Row 1 image — left -->
+  <image href="../images/p07_z_img1.png" x="0" y="52" width="560" height="196"
+         preserveAspectRatio="xMidYMid slice"/>
+  <rect x="0" y="52" width="560" height="196" fill="url(#row1ImgFade)"/>
+
+  <!-- Row 1 text — right -->
+  <rect x="580" y="52" width="3" height="196" fill="url(#neonPrimary)" fill-opacity="0.5"/>
+  <text x="600" y="95" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="13" fill="#7C6FF7" letter-spacing="2">01  STEP</text>
+  <text x="600" y="130" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="26" font-weight="bold" fill="#E8E8F0">等距3D — 科技服务器</text>
+  <text x="600" y="162" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#9090A0">30°/30°/30° 标准等距视角，模块化</text>
+  <text x="600" y="184" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#9090A0">几何体堆叠，霓虹指示灯点缀。</text>
+  <text x="600" y="224" font-family="Arial, sans-serif" font-size="13" fill="#F5A623">→ 图左文右</text>
+
+  <!-- ===== ROW 2: Text LEFT + Image RIGHT (no image, text only) ===== -->
+  <rect x="0" y="256" width="1280" height="196" fill="#12141E"/>
+
+  <!-- Accent side stripe -->
+  <rect x="0" y="256" width="6" height="196" fill="url(#neonAccent)"/>
+
+  <!-- Row 2 text — left -->
+  <text x="40" y="300" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="13" fill="#F5A623" letter-spacing="2">02  Z-TURN</text>
+  <text x="40" y="334" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="26" font-weight="bold" fill="#E8E8F0">Z型视线引导原理</text>
+  <text x="40" y="366" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#9090A0">人眼自然从左上向右下呈 Z 形扫视，</text>
+  <text x="40" y="388" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#9090A0">交替排布的图文随之顺势流动。</text>
+  <text x="40" y="428" font-family="Arial, sans-serif" font-size="13" fill="#4ECDC4">← 文左 →  视线到图右</text>
+
+  <!-- Row 2 decorative neon accent element (no image) -->
+  <rect x="720" y="276" width="520" height="156" rx="8" fill="#0F1117" stroke="#7C6FF7" stroke-opacity="0.2" stroke-width="1"/>
+  <!-- Neon circuit pattern hint -->
+  <line x1="760" y1="310" x2="860" y2="310" stroke="#7C6FF7" stroke-opacity="0.4" stroke-width="1"/>
+  <line x1="860" y1="310" x2="860" y2="380" stroke="#7C6FF7" stroke-opacity="0.4" stroke-width="1"/>
+  <line x1="860" y1="380" x2="960" y2="380" stroke="#7C6FF7" stroke-opacity="0.4" stroke-width="1"/>
+  <circle cx="860" cy="310" r="4" fill="#7C6FF7" fill-opacity="0.6"/>
+  <circle cx="860" cy="380" r="4" fill="#4ECDC4" fill-opacity="0.6"/>
+  <text x="980" y="340" font-family="Consolas, monospace" font-size="13" fill="#9090A0">eye</text>
+  <text x="980" y="360" font-family="Consolas, monospace" font-size="13" fill="#9090A0">path</text>
+  <text x="1100" y="385" font-family="Arial, sans-serif" font-size="36" fill="#7C6FF7" fill-opacity="0.15">Z</text>
+
+  <!-- ===== ROW 3: Image LEFT + Text RIGHT ===== -->
+  <rect x="0" y="460" width="1280" height="196" fill="#0F1117"/>
+
+  <!-- Row 3 image — left -->
+  <image href="../images/p07_z_img2.png" x="0" y="460" width="560" height="196"
+         preserveAspectRatio="xMidYMid slice"/>
+  <rect x="0" y="460" width="560" height="196" fill="url(#row1ImgFade)"/>
+
+  <!-- Row 3 side stripe -->
+  <rect x="580" y="460" width="3" height="196" fill="url(#neonPrimary)" fill-opacity="0.5"/>
+
+  <!-- Row 3 text — right -->
+  <text x="600" y="503" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="13" fill="#4ECDC4" letter-spacing="2">03  NETWORK</text>
+  <text x="600" y="538" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="26" font-weight="bold" fill="#E8E8F0">等距3D — 网络节点</text>
+  <text x="600" y="570" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#9090A0">相同等距视角的网络连接图，</text>
+  <text x="600" y="592" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#9090A0">两张图视角统一，视觉连贯。</text>
+  <text x="600" y="632" font-family="Arial, sans-serif" font-size="13" fill="#F5A623">→ 图左文右  ·  Z字完成</text>
+
+  <!-- Bottom accent -->
+  <rect x="0" y="717" width="1280" height="3" fill="url(#neonPrimary)"/>
+  <text x="1240" y="710" text-anchor="end" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">07</text>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/08_九宫格混排.svg

@@ -0,0 +1,154 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="blueprintBg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0A1628"/>
+      <stop offset="100%" stop-color="#0D1E36"/>
+    </linearGradient>
+    <linearGradient id="editAccent" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#4A7FC4"/>
+      <stop offset="100%" stop-color="#2A5A9A"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background — blueprint dark blue -->
+  <rect width="1280" height="720" fill="url(#blueprintBg)"/>
+
+  <!-- Subtle grid background -->
+  <line x1="0" y1="60" x2="1280" y2="60" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="0" y1="120" x2="1280" y2="120" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="0" y1="180" x2="1280" y2="180" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="0" y1="240" x2="1280" y2="240" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="0" y1="300" x2="1280" y2="300" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="0" y1="360" x2="1280" y2="360" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="0" y1="420" x2="1280" y2="420" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="0" y1="480" x2="1280" y2="480" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="0" y1="540" x2="1280" y2="540" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="0" y1="600" x2="1280" y2="600" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="0" y1="660" x2="1280" y2="660" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="60" y1="0" x2="60" y2="720" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="120" y1="0" x2="120" y2="720" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="240" y1="0" x2="240" y2="720" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="380" y1="0" x2="380" y2="720" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="440" y1="0" x2="440" y2="720" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="640" y1="0" x2="640" y2="720" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="840" y1="0" x2="840" y2="720" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="900" y1="0" x2="900" y2="720" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="1160" y1="0" x2="1160" y2="720" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="1220" y1="0" x2="1220" y2="720" stroke="#4A7FC4" stroke-opacity="0.04" stroke-width="1"/>
+
+  <!-- Top label bar -->
+  <rect x="0" y="0" width="1280" height="52" fill="#0D1E36"/>
+  <rect x="0" y="50" width="1280" height="2" fill="#4A7FC4" fill-opacity="0.4"/>
+  <text x="60" y="33" font-family="Consolas, monospace" font-size="13" fill="#4A7FC4">P08</text>
+  <text x="100" y="33" font-family="Consolas, monospace" font-size="13" fill="#6A9AC4">blueprint × editorial-classic</text>
+  <text x="640" y="33" text-anchor="middle" font-family="Consolas, monospace" font-size="15" fill="#E8E8F0" letter-spacing="4">九宫格图文混排</text>
+  <text x="1220" y="33" text-anchor="end" font-family="Consolas, monospace" font-size="13" fill="#4A7FC4">08</text>
+
+  <!-- 3×3 grid — cells are 400×220 with 4px gaps -->
+  <!-- Cell sizes: 3 cols × 4px gap = (1280-8)/3 ≈ 424px wide; 3 rows with top bar 52px = (720-52-8)/3 ≈ 220px tall -->
+  <!-- Exact: col1 x=0 w=420, col2 x=424 w=420, col3 x=848 w=432 -->
+  <!-- row1 y=54 h=218, row2 y=276 h=218, row3 y=498 h=222 -->
+
+  <!-- ===== TOP ROW ===== -->
+  <!-- Cell (1,1) — Blueprint label -->
+  <rect x="0" y="54" width="420" height="218" fill="#0A1628" stroke="#4A7FC4" stroke-opacity="0.25" stroke-width="1"/>
+  <text x="20" y="88" font-family="Consolas, monospace" font-size="11" fill="#4A7FC4" fill-opacity="0.6">[01] RENDERING</text>
+  <text x="20" y="118" font-family="Georgia, 'Microsoft YaHei', serif" font-size="24" font-weight="bold" fill="#B8D4F0">蓝图</text>
+  <text x="20" y="142" font-family="Georgia, 'Microsoft YaHei', serif" font-size="24" font-weight="bold" fill="#B8D4F0">技术风格</text>
+  <text x="20" y="170" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="15" fill="#6A9AC4">精确线条，工程图感</text>
+  <text x="20" y="192" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="15" fill="#6A9AC4">分析与系统设计场景</text>
+  <!-- Cross-hair corner marks -->
+  <line x1="0" y1="60" x2="12" y2="60" stroke="#4A7FC4" stroke-opacity="0.5" stroke-width="1"/>
+  <line x1="6" y1="54" x2="6" y2="66" stroke="#4A7FC4" stroke-opacity="0.5" stroke-width="1"/>
+  <line x1="408" y1="60" x2="420" y2="60" stroke="#4A7FC4" stroke-opacity="0.5" stroke-width="1"/>
+  <line x1="414" y1="54" x2="414" y2="66" stroke="#4A7FC4" stroke-opacity="0.5" stroke-width="1"/>
+
+  <!-- Cell (1,2) — CENTER IMAGE -->
+  <rect x="424" y="54" width="420" height="218" fill="#0A1628" stroke="#4A7FC4" stroke-opacity="0.4" stroke-width="2"/>
+  <image href="../images/p08_grid_center.png" x="424" y="54" width="420" height="218"
+         preserveAspectRatio="xMidYMid slice"/>
+  <!-- Center label -->
+  <rect x="424" y="230" width="420" height="42" fill="#0A1628" fill-opacity="0.85"/>
+  <text x="634" y="256" text-anchor="middle" font-family="Consolas, monospace" font-size="11" fill="#4A7FC4" letter-spacing="2">CENTER · IMAGE</text>
+
+  <!-- Cell (1,3) — Editorial label -->
+  <rect x="848" y="54" width="432" height="218" fill="#0A1628" stroke="#4A7FC4" stroke-opacity="0.25" stroke-width="1"/>
+  <text x="868" y="88" font-family="Consolas, monospace" font-size="11" fill="#4A7FC4" fill-opacity="0.6">[03] PALETTE</text>
+  <text x="868" y="118" font-family="Georgia, 'Microsoft YaHei', serif" font-size="24" font-weight="bold" fill="#B8D4F0">编辑</text>
+  <text x="868" y="142" font-family="Georgia, 'Microsoft YaHei', serif" font-size="24" font-weight="bold" fill="#B8D4F0">经典调色</text>
+  <text x="868" y="170" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="15" fill="#6A9AC4">克制配色，杂志气质</text>
+  <text x="868" y="192" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="15" fill="#6A9AC4">财经/新闻/分析类</text>
+  <!-- Accent dot -->
+  <circle cx="1248" cy="66" r="4" fill="#F5A623" fill-opacity="0.5"/>
+
+  <!-- ===== MIDDLE ROW ===== -->
+  <!-- Cell (2,1) — Layout description -->
+  <rect x="0" y="276" width="420" height="218" fill="#0D1E36" stroke="#4A7FC4" stroke-opacity="0.25" stroke-width="1"/>
+  <text x="20" y="310" font-family="Consolas, monospace" font-size="11" fill="#4A7FC4" fill-opacity="0.6">[04] LAYOUT</text>
+  <text x="20" y="342" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="18" fill="#E8E8F0">3×3</text>
+  <text x="20" y="366" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="18" fill="#E8E8F0">九宫格网格</text>
+  <text x="20" y="400" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="15" fill="#6A9AC4">中心格放图，</text>
+  <text x="20" y="420" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="15" fill="#6A9AC4">周围8格排文字</text>
+  <text x="20" y="452" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="15" fill="#6A9AC4">或色块信息。</text>
+
+  <!-- Cell (2,2) — LEFT SIDE blue accent block -->
+  <rect x="424" y="276" width="420" height="218" fill="#132040" stroke="#7C6FF7" stroke-opacity="0.3" stroke-width="1"/>
+  <text x="634" y="355" text-anchor="middle" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="20" fill="#B8D4F0">图文</text>
+  <text x="634" y="383" text-anchor="middle" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="20" fill="#B8D4F0">并置对话</text>
+  <!-- Small diagram: grid hint -->
+  <rect x="514" y="410" width="30" height="30" fill="none" stroke="#4A7FC4" stroke-opacity="0.4" stroke-width="1"/>
+  <rect x="546" y="410" width="30" height="30" fill="#4A7FC4" fill-opacity="0.3" stroke="#4A7FC4" stroke-opacity="0.4" stroke-width="1"/>
+  <rect x="578" y="410" width="30" height="30" fill="none" stroke="#4A7FC4" stroke-opacity="0.4" stroke-width="1"/>
+  <rect x="514" y="442" width="30" height="30" fill="none" stroke="#4A7FC4" stroke-opacity="0.4" stroke-width="1"/>
+  <rect x="546" y="442" width="30" height="30" fill="#7C6FF7" fill-opacity="0.3" stroke="#7C6FF7" stroke-opacity="0.5" stroke-width="1"/>
+  <rect x="578" y="442" width="30" height="30" fill="none" stroke="#4A7FC4" stroke-opacity="0.4" stroke-width="1"/>
+  <text x="634" y="490" text-anchor="middle" font-family="Consolas, monospace" font-size="11" fill="#4A7FC4" fill-opacity="0.6">middle = image</text>
+
+  <!-- Cell (2,3) — Annotation info -->
+  <rect x="848" y="276" width="432" height="218" fill="#0D1E36" stroke="#4A7FC4" stroke-opacity="0.25" stroke-width="1"/>
+  <text x="868" y="310" font-family="Consolas, monospace" font-size="11" fill="#4A7FC4" fill-opacity="0.6">[06] ANNOTATION</text>
+  <text x="868" y="342" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="18" fill="#E8E8F0">技术标注</text>
+  <text x="868" y="366" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="18" fill="#E8E8F0">风格语言</text>
+  <text x="868" y="400" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="15" fill="#6A9AC4">等宽字体 Consolas</text>
+  <text x="868" y="420" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="15" fill="#6A9AC4">辅助线 + 十字标记</text>
+  <text x="868" y="452" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="15" fill="#6A9AC4">工程图纸美学。</text>
+
+  <!-- ===== BOTTOM ROW ===== -->
+  <!-- Cell (3,1) -->
+  <rect x="0" y="498" width="420" height="222" fill="#0A1628" stroke="#4A7FC4" stroke-opacity="0.25" stroke-width="1"/>
+  <text x="20" y="534" font-family="Consolas, monospace" font-size="11" fill="#4A7FC4" fill-opacity="0.6">[07] USE CASE</text>
+  <text x="20" y="566" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="18" fill="#E8E8F0">适用场景</text>
+  <text x="20" y="600" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="15" fill="#6A9AC4">·  系统架构展示</text>
+  <text x="20" y="622" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="15" fill="#6A9AC4">·  工程技术报告</text>
+  <text x="20" y="644" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="15" fill="#6A9AC4">·  设计规范文档</text>
+  <text x="20" y="666" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="15" fill="#6A9AC4">·  信息密集型页</text>
+
+  <!-- Cell (3,2) — Color swatches -->
+  <rect x="424" y="498" width="420" height="222" fill="#0A1628" stroke="#4A7FC4" stroke-opacity="0.25" stroke-width="1"/>
+  <text x="444" y="534" font-family="Consolas, monospace" font-size="11" fill="#4A7FC4" fill-opacity="0.6">[08] COLOR SPEC</text>
+  <rect x="444" y="548" width="60" height="20" rx="2" fill="#0A4A8A"/>
+  <text x="514" y="563" font-family="Consolas, monospace" font-size="12" fill="#6A9AC4">#0A4A8A  bg</text>
+  <rect x="444" y="578" width="60" height="20" rx="2" fill="#4A7FC4"/>
+  <text x="514" y="593" font-family="Consolas, monospace" font-size="12" fill="#6A9AC4">#4A7FC4  line</text>
+  <rect x="444" y="608" width="60" height="20" rx="2" fill="#B8D4F0"/>
+  <text x="514" y="623" font-family="Consolas, monospace" font-size="12" fill="#6A9AC4">#B8D4F0  text</text>
+  <rect x="444" y="638" width="60" height="20" rx="2" fill="#F5A623"/>
+  <text x="514" y="653" font-family="Consolas, monospace" font-size="12" fill="#6A9AC4">#F5A623  accent</text>
+  <rect x="444" y="668" width="60" height="20" rx="2" fill="#7C6FF7"/>
+  <text x="514" y="683" font-family="Consolas, monospace" font-size="12" fill="#6A9AC4">#7C6FF7  primary</text>
+
+  <!-- Cell (3,3) -->
+  <rect x="848" y="498" width="432" height="222" fill="#0D1E36" stroke="#4A7FC4" stroke-opacity="0.25" stroke-width="1"/>
+  <text x="868" y="534" font-family="Consolas, monospace" font-size="11" fill="#4A7FC4" fill-opacity="0.6">[09] GRID SPEC</text>
+  <text x="868" y="566" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="18" fill="#E8E8F0">网格规格</text>
+  <text x="868" y="598" font-family="Consolas, monospace" font-size="13" fill="#6A9AC4">cols:  3 × 420px</text>
+  <text x="868" y="620" font-family="Consolas, monospace" font-size="13" fill="#6A9AC4">rows:  3 × 218px</text>
+  <text x="868" y="642" font-family="Consolas, monospace" font-size="13" fill="#6A9AC4">gap:   4px</text>
+  <text x="868" y="664" font-family="Consolas, monospace" font-size="13" fill="#6A9AC4">center: image</text>
+  <text x="868" y="686" font-family="Consolas, monospace" font-size="13" fill="#6A9AC4">8 cells: text</text>
+  <!-- Corner mark bottom-right -->
+  <line x1="1268" y1="712" x2="1280" y2="712" stroke="#4A7FC4" stroke-opacity="0.5" stroke-width="1"/>
+  <line x1="1274" y1="706" x2="1274" y2="720" stroke="#4A7FC4" stroke-opacity="0.5" stroke-width="1"/>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/09_圆形放射.svg

@@ -0,0 +1,87 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <clipPath id="circleClip">
+      <circle cx="640" cy="360" r="220"/>
+    </clipPath>
+    <linearGradient id="monoLine" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#E8E8F0" stop-opacity="0.5"/>
+      <stop offset="100%" stop-color="#E8E8F0" stop-opacity="0.1"/>
+    </linearGradient>
+    <radialGradient id="circleGlow" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" stop-color="#7C6FF7" stop-opacity="0.08"/>
+      <stop offset="100%" stop-color="#7C6FF7" stop-opacity="0"/>
+    </radialGradient>
+  </defs>
+
+  <!-- Background — near white mono-ink style -->
+  <rect width="1280" height="720" fill="#F8F8F8"/>
+
+  <!-- Subtle radial background glow -->
+  <rect width="1280" height="720" fill="url(#circleGlow)"/>
+
+  <!-- Page meta — top -->
+  <text x="640" y="32" text-anchor="middle" font-family="Consolas, monospace"
+        font-size="13" fill="#9090A0" letter-spacing="3">P09  ·  digital-dashboard × mono-ink</text>
+  <line x1="200" y1="44" x2="1080" y2="44" stroke="#111111" stroke-opacity="0.08" stroke-width="1"/>
+
+  <!-- Circle frame ring — outer -->
+  <circle cx="640" cy="360" r="224" fill="none" stroke="#111111" stroke-opacity="0.12" stroke-width="1"/>
+  <!-- Circle frame ring — mid -->
+  <circle cx="640" cy="360" r="222" fill="none" stroke="#7C6FF7" stroke-opacity="0.15" stroke-width="2"/>
+
+  <!-- Center circular image — mono-ink dashboard -->
+  <image href="../images/p09_circle_img.png" x="420" y="140" width="440" height="440"
+         clip-path="url(#circleClip)" preserveAspectRatio="xMidYMid slice"/>
+
+  <!-- Thin accent ring overlay -->
+  <circle cx="640" cy="360" r="220" fill="none" stroke="#111111" stroke-opacity="0.18" stroke-width="1"/>
+
+  <!-- ===== Four corner text blocks with leader lines ===== -->
+  <!-- TOP-LEFT block — "数字仪表盘" -->
+  <line x1="478" y1="207" x2="380" y2="160" stroke="#111111" stroke-opacity="0.2" stroke-width="1"/>
+  <circle cx="478" cy="207" r="3" fill="#111111" fill-opacity="0.3"/>
+  <text x="340" y="128" text-anchor="end" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="22" font-weight="bold" fill="#111111">数字仪表盘</text>
+  <text x="340" y="152" text-anchor="end" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#5A5A72">digital-dashboard</text>
+  <text x="340" y="172" text-anchor="end" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#5A5A72">UI数据可视化美学</text>
+
+  <!-- TOP-RIGHT block — "单色调色板" -->
+  <line x1="802" y1="207" x2="900" y2="160" stroke="#111111" stroke-opacity="0.2" stroke-width="1"/>
+  <circle cx="802" cy="207" r="3" fill="#111111" fill-opacity="0.3"/>
+  <text x="920" y="128" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="22" font-weight="bold" fill="#111111">墨黑单色</text>
+  <text x="920" y="152" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#5A5A72">mono-ink</text>
+  <text x="920" y="172" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#5A5A72">黑白 + 单点强调</text>
+
+  <!-- BOTTOM-LEFT block — "圆形裁切" -->
+  <line x1="478" y1="513" x2="380" y2="560" stroke="#111111" stroke-opacity="0.2" stroke-width="1"/>
+  <circle cx="478" cy="513" r="3" fill="#111111" fill-opacity="0.3"/>
+  <text x="340" y="556" text-anchor="end" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="22" font-weight="bold" fill="#111111">圆形裁切</text>
+  <text x="340" y="578" text-anchor="end" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#5A5A72">clipPath circle</text>
+  <text x="340" y="598" text-anchor="end" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#5A5A72">非矩形图像容器</text>
+
+  <!-- BOTTOM-RIGHT block — "放射标注" -->
+  <line x1="802" y1="513" x2="900" y2="560" stroke="#111111" stroke-opacity="0.2" stroke-width="1"/>
+  <circle cx="802" cy="513" r="3" fill="#111111" fill-opacity="0.3"/>
+  <text x="920" y="556" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="22" font-weight="bold" fill="#111111">放射标注</text>
+  <text x="920" y="578" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#5A5A72">radial annotation</text>
+  <text x="920" y="598" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#5A5A72">图像向外辐射信息</text>
+
+  <!-- Center title (inside circle area — very subtle) -->
+  <!-- Accent marker at bottom -->
+  <text x="640" y="695" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#9090A0">圆心图像 · 四角文字 · 向心张力</text>
+
+  <!-- Page number -->
+  <text x="1240" y="700" text-anchor="end" font-family="Arial, sans-serif" font-size="13" fill="#9090A0">09</text>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/10_底纹密铺.svg

@@ -0,0 +1,109 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="darkOverlay" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#0F1117" stop-opacity="0.55"/>
+      <stop offset="100%" stop-color="#0F1117" stop-opacity="0.75"/>
+    </linearGradient>
+    <linearGradient id="card1Bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#7C6FF7" stop-opacity="0.85"/>
+      <stop offset="100%" stop-color="#5A4FCC" stop-opacity="0.9"/>
+    </linearGradient>
+    <linearGradient id="card2Bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#F5A623" stop-opacity="0.85"/>
+      <stop offset="100%" stop-color="#CC7A0A" stop-opacity="0.9"/>
+    </linearGradient>
+    <linearGradient id="card3Bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#4ECDC4" stop-opacity="0.85"/>
+      <stop offset="100%" stop-color="#2AA89E" stop-opacity="0.9"/>
+    </linearGradient>
+    <linearGradient id="card4Bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#1A1D2E" stop-opacity="0.9"/>
+      <stop offset="100%" stop-color="#0F1117" stop-opacity="0.95"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Full-bleed pixel art background -->
+  <image href="../images/p10_bg_texture.png" x="0" y="0" width="1280" height="720"
+         preserveAspectRatio="xMidYMid slice"/>
+
+  <!-- Dark overlay for legibility -->
+  <rect width="1280" height="720" fill="url(#darkOverlay)"/>
+
+  <!-- Top label -->
+  <text x="640" y="36" text-anchor="middle" font-family="Consolas, monospace"
+        font-size="13" fill="#E8E8F0" fill-opacity="0.6" letter-spacing="3">P10  ·  pixel-art × vivid-launch  ·  底纹密铺</text>
+
+  <!-- Four info cards overlaying pixel background -->
+  <!-- Card 1 — top left -->
+  <rect x="60" y="60" width="540" height="280" rx="4" fill="url(#card1Bg)"/>
+  <!-- Pixel-style border accent -->
+  <rect x="60" y="60" width="540" height="4" fill="#E8E8F0" fill-opacity="0.3"/>
+  <text x="80" y="100" font-family="Consolas, monospace" font-size="13" fill="#E8E8F0" fill-opacity="0.7">[RENDERING]</text>
+  <text x="80" y="140" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="34" font-weight="bold" fill="#FFFFFF">像素复古</text>
+  <text x="80" y="170" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#E8E8F0" fill-opacity="0.9">pixel-art</text>
+  <text x="80" y="206" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#E8E8F0" fill-opacity="0.8">8-bit 像素网格，严格对齐，</text>
+  <text x="80" y="228" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#E8E8F0" fill-opacity="0.8">无抗锯齿，色彩鲜明饱和。</text>
+  <text x="80" y="270" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#E8E8F0" fill-opacity="0.7">游戏 / 复古科技 / 怀旧感场景</text>
+  <!-- Pixel decoration -->
+  <rect x="480" y="70" width="12" height="12" fill="#FFFFFF" fill-opacity="0.4"/>
+  <rect x="494" y="70" width="12" height="12" fill="#FFFFFF" fill-opacity="0.2"/>
+  <rect x="508" y="70" width="12" height="12" fill="#FFFFFF" fill-opacity="0.1"/>
+
+  <!-- Card 2 — top right -->
+  <rect x="620" y="60" width="600" height="280" rx="4" fill="url(#card2Bg)"/>
+  <rect x="620" y="60" width="600" height="4" fill="#E8E8F0" fill-opacity="0.3"/>
+  <text x="640" y="100" font-family="Consolas, monospace" font-size="13" fill="#3A2010" fill-opacity="0.9">[PALETTE]</text>
+  <text x="640" y="140" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="34" font-weight="bold" fill="#3A1A00">活力发射</text>
+  <text x="640" y="170" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#3A2010">vivid-launch</text>
+  <text x="640" y="206" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#3A2010">高饱和度色彩，抓人眼球，</text>
+  <text x="640" y="228" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#3A2010">产品发布、营销活动首选。</text>
+  <text x="640" y="270" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#3A2010" fill-opacity="0.8">大胆 / 饱和 / 引人注目</text>
+
+  <!-- Card 3 — bottom left -->
+  <rect x="60" y="360" width="540" height="300" rx="4" fill="url(#card3Bg)"/>
+  <rect x="60" y="360" width="540" height="4" fill="#E8E8F0" fill-opacity="0.3"/>
+  <text x="80" y="400" font-family="Consolas, monospace" font-size="13" fill="#0A3A38" fill-opacity="0.9">[LAYOUT]</text>
+  <text x="80" y="440" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="34" font-weight="bold" fill="#0A2A28">底纹密铺</text>
+  <text x="80" y="470" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#0A3A38">图作全幅底纹</text>
+  <text x="80" y="506" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#0A3A38">信息卡片覆盖其上，</text>
+  <text x="80" y="528" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#0A3A38">图像与信息融为一体。</text>
+  <text x="80" y="570" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#0A3A38" fill-opacity="0.8">图 → 氛围载体  ·  文 → 信息主体</text>
+  <text x="80" y="630" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#0A3A38" fill-opacity="0.7">遮罩层控制透明度确保可读性</text>
+
+  <!-- Card 4 — bottom right — dark -->
+  <rect x="620" y="360" width="600" height="300" rx="4" fill="url(#card4Bg)" stroke="#7C6FF7" stroke-opacity="0.4" stroke-width="1"/>
+  <rect x="620" y="360" width="600" height="4" fill="#7C6FF7" fill-opacity="0.5"/>
+  <text x="640" y="400" font-family="Consolas, monospace" font-size="13" fill="#7C6FF7">[TECHNIQUE]</text>
+  <text x="640" y="440" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="34" font-weight="bold" fill="#E8E8F0">技术要点</text>
+  <text x="640" y="480" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#9090A0">· 全出血图像 (hero_page)</text>
+  <text x="640" y="506" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#9090A0">· 暗色遮罩叠加层</text>
+  <text x="640" y="532" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#9090A0">· 高对比度信息卡片</text>
+  <text x="640" y="558" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#9090A0">· 强调色标题确保视觉层次</text>
+  <!-- Pixel-art badge -->
+  <rect x="840" y="620" width="160" height="28" rx="2" fill="#7C6FF7" fill-opacity="0.2" stroke="#7C6FF7" stroke-opacity="0.4" stroke-width="1"/>
+  <text x="920" y="639" text-anchor="middle" font-family="Consolas, monospace" font-size="12" fill="#7C6FF7">8-BIT MODE</text>
+
+  <!-- Page number -->
+  <text x="1240" y="700" text-anchor="end" font-family="Consolas, monospace" font-size="13" fill="#E8E8F0" fill-opacity="0.5">10</text>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/11_剪纸分层.svg

@@ -0,0 +1,78 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="skyGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#F5EDE0"/>
+      <stop offset="100%" stop-color="#E8D8C4"/>
+    </linearGradient>
+    <linearGradient id="textBgL" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#F5EDE0" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#F5EDE0" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="textBgR" x1="100%" y1="0%" x2="0%" y2="0%">
+      <stop offset="0%" stop-color="#F5EDE0" stop-opacity="0.95"/>
+      <stop offset="100%" stop-color="#F5EDE0" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Sky background layer -->
+  <rect width="1280" height="720" fill="url(#skyGrad)"/>
+
+  <!-- Full-bleed paper-cut image -->
+  <image href="../images/p11_papercut.png" x="0" y="0" width="1280" height="720"
+         preserveAspectRatio="xMidYMid slice"/>
+
+  <!-- Page meta overlay at very top -->
+  <rect x="0" y="0" width="1280" height="48" fill="#2D5A27" fill-opacity="0.6"/>
+  <text x="640" y="30" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="13" fill="#E8F5E0" fill-opacity="0.9" letter-spacing="3">P11  ·  paper-cut × nature-organic  ·  剪纸分层</text>
+
+  <!-- Left text zone — overlaid on sky/foreground area -->
+  <rect x="0" y="100" width="300" height="200" fill="url(#textBgL)"/>
+  <text x="40" y="138" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="28" font-weight="bold" fill="#2D5A27">剪纸</text>
+  <text x="40" y="168" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="28" font-weight="bold" fill="#2D5A27">艺术风格</text>
+  <text x="40" y="200" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#3A6A30">paper-cut</text>
+  <text x="40" y="224" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#3A6A30">分层叠叠，触感质感，</text>
+  <text x="40" y="244" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#3A6A30">剪刀感不规则边缘。</text>
+
+  <!-- Right text zone -->
+  <rect x="980" y="100" width="300" height="200" fill="url(#textBgR)"/>
+  <text x="1000" y="138" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="28" font-weight="bold" fill="#2D5A27">自然</text>
+  <text x="1000" y="168" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="28" font-weight="bold" fill="#2D5A27">有机调色</text>
+  <text x="1000" y="200" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#3A6A30">nature-organic</text>
+  <text x="1000" y="224" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#3A6A30">森绿、草青、暖米，</text>
+  <text x="1000" y="244" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#3A6A30">自然生态气息浓郁。</text>
+
+  <!-- Center bottom text — floating on foreground layer -->
+  <rect x="340" y="600" width="600" height="80" fill="#2D5A27" fill-opacity="0.7" rx="4"/>
+  <text x="640" y="638" text-anchor="middle" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="22" font-weight="bold" fill="#E8F5E0">文字嵌入各景深层</text>
+  <text x="640" y="664" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#A8D8A0">前景文字  ·  中景文字  ·  天空文字</text>
+
+  <!-- Small info tags floating on different layers -->
+  <!-- Layer label — mid section -->
+  <rect x="560" y="340" width="160" height="28" rx="14" fill="#6A9E6A" fill-opacity="0.8"/>
+  <text x="640" y="358" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="13" fill="#E8F5E0">中景：山脊</text>
+
+  <rect x="460" y="460" width="160" height="28" rx="14" fill="#2D5A27" fill-opacity="0.85"/>
+  <text x="540" y="478" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="13" fill="#E8F5E0">前景：松林</text>
+
+  <rect x="660" y="460" width="160" height="28" rx="14" fill="#1A3A18" fill-opacity="0.9"/>
+  <text x="740" y="478" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="13" fill="#E8F5E0">最深景深</text>
+
+  <!-- Page number -->
+  <text x="1240" y="700" text-anchor="end" font-family="Arial, sans-serif" font-size="13" fill="#3A6A30">11</text>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/12_竖版杂志.svg

@@ -0,0 +1,69 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="duotoneBg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#F5E8C0"/>
+      <stop offset="100%" stop-color="#EDD8A0"/>
+    </linearGradient>
+    <linearGradient id="posterAccent" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#3A1F6B"/>
+      <stop offset="100%" stop-color="#2A1050"/>
+    </linearGradient>
+    <clipPath id="narrowLeftClip">
+      <rect x="0" y="0" width="280" height="720"/>
+    </clipPath>
+  </defs>
+
+  <!-- Background — warm duotone cream -->
+  <rect width="1280" height="720" fill="url(#duotoneBg)"/>
+
+  <!-- Halftone texture suggestion — diagonal lines -->
+  <line x1="300" y1="0" x2="1280" y2="980" stroke="#3A1F6B" stroke-opacity="0.03" stroke-width="3"/>
+  <line x1="380" y1="0" x2="1280" y2="900" stroke="#3A1F6B" stroke-opacity="0.03" stroke-width="3"/>
+  <line x1="460" y1="0" x2="1280" y2="820" stroke="#3A1F6B" stroke-opacity="0.03" stroke-width="3"/>
+  <line x1="540" y1="0" x2="1280" y2="740" stroke="#3A1F6B" stroke-opacity="0.03" stroke-width="3"/>
+  <line x1="620" y1="0" x2="1280" y2="660" stroke="#3A1F6B" stroke-opacity="0.03" stroke-width="3"/>
+  <line x1="700" y1="0" x2="1280" y2="580" stroke="#3A1F6B" stroke-opacity="0.03" stroke-width="3"/>
+
+  <!-- LEFT narrow image strip — vintage poster -->
+  <image href="../images/p12_poster_img.png" x="0" y="0" width="280" height="720"
+         clip-path="url(#narrowLeftClip)" preserveAspectRatio="xMidYMid slice"/>
+
+  <!-- Vertical divider — thick rule -->
+  <rect x="280" y="0" width="8" height="720" fill="url(#posterAccent)"/>
+
+  <!-- Right content area -->
+  <!-- Top label -->
+  <text x="316" y="52" font-family="Consolas, monospace" font-size="13" fill="#3A1F6B" fill-opacity="0.6" letter-spacing="3">P12  ·  vintage-poster × duotone</text>
+  <line x1="316" y1="62" x2="1220" y2="62" stroke="#3A1F6B" stroke-opacity="0.15" stroke-width="1"/>
+
+  <!-- Giant page title -->
+  <text x="316" y="160" font-family="Georgia, serif" font-size="80" font-weight="bold" fill="#3A1F6B" letter-spacing="-2">复古</text>
+  <text x="316" y="250" font-family="Georgia, serif" font-size="80" font-weight="bold" fill="#3A1F6B" letter-spacing="-2">海报</text>
+
+  <!-- Subtitle horizontal rule + text -->
+  <rect x="316" y="270" width="700" height="3" fill="#3A1F6B" fill-opacity="0.3"/>
+  <text x="316" y="302" font-family="Arial, sans-serif" font-size="20" fill="#3A1F6B" letter-spacing="6">VINTAGE POSTER  ×  DUOTONE</text>
+
+  <!-- Description text -->
+  <text x="316" y="352" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="20" fill="#3A1F6B" fill-opacity="0.8">窄竖图仅占左侧 22% 画面，如同书脊</text>
+  <text x="316" y="378" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="20" fill="#3A1F6B" fill-opacity="0.8">或杂志封面侧边装饰带，右侧大字</text>
+  <text x="316" y="404" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="20" fill="#3A1F6B" fill-opacity="0.8">横排铺展，形成极简杂志美学。</text>
+
+  <!-- Feature rows -->
+  <line x1="316" y1="440" x2="460" y2="440" stroke="#3A1F6B" stroke-opacity="0.2" stroke-width="1"/>
+  <text x="316" y="468" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#3A1F6B" fill-opacity="0.7">·  仅两色调：深紫墨蓝 × 米黄暖金</text>
+  <text x="316" y="496" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#3A1F6B" fill-opacity="0.7">·  网点半调纹理叠加，增加印刷感</text>
+  <text x="316" y="524" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#3A1F6B" fill-opacity="0.7">·  粗规则线分割图文区域</text>
+  <text x="316" y="552" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="17" fill="#3A1F6B" fill-opacity="0.7">·  50年代 Knoll / 60年代 Olivetti 风格</text>
+
+  <!-- Bottom accent block -->
+  <rect x="316" y="610" width="700" height="80" fill="#3A1F6B" fill-opacity="0.08"/>
+  <text x="336" y="648" font-family="Georgia, 'Microsoft YaHei', serif" font-size="20" fill="#3A1F6B">窄图 如脊柱  ·  宽字 如展翅</text>
+  <text x="336" y="672" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="15" fill="#3A1F6B" fill-opacity="0.7">图的比例越小，字的力量越大</text>
+
+  <!-- Page number -->
+  <text x="1240" y="700" text-anchor="end" font-family="Arial, sans-serif" font-size="13" fill="#3A1F6B" fill-opacity="0.5">12</text>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/13_对角线分割.svg

@@ -0,0 +1,77 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="sunsetBg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#1A0A2E"/>
+      <stop offset="50%" stop-color="#2E1A0A"/>
+      <stop offset="100%" stop-color="#0A1A2E"/>
+    </linearGradient>
+    <linearGradient id="sunsetGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#F5A623"/>
+      <stop offset="40%" stop-color="#CC4A2A"/>
+      <stop offset="100%" stop-color="#7C3A7A"/>
+    </linearGradient>
+    <!-- 从左下到右上的渐变遮罩：右上角暗，左下角透明 -->
+    <linearGradient id="textMask" x1="0%" y1="100%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#0A0A1A" stop-opacity="0"/>
+      <stop offset="45%" stop-color="#0A0A1A" stop-opacity="0"/>
+      <stop offset="65%" stop-color="#0A0A1A" stop-opacity="0.75"/>
+      <stop offset="100%" stop-color="#0A0A1A" stop-opacity="0.9"/>
+    </linearGradient>
+  </defs>
+
+  <!-- 背景 -->
+  <rect width="1280" height="720" fill="url(#sunsetBg)"/>
+
+  <!-- 图像全幅铺底 -->
+  <image href="../images/p13_diagonal_img.png" x="0" y="0" width="1280" height="720"
+         preserveAspectRatio="xMidYMid slice"/>
+
+  <!-- 右上区域渐变遮罩，沿对角线方向自然过渡 -->
+  <rect width="1280" height="720" fill="url(#textMask)"/>
+
+  <!-- 对角线：左上(0,0) → 右下(1280,720) -->
+  <line x1="0" y1="0" x2="1280" y2="720" stroke="url(#sunsetGrad)" stroke-width="2.5" stroke-opacity="0.85"/>
+  <line x1="0" y1="3" x2="1277" y2="723" stroke="#F5A623" stroke-width="1" stroke-opacity="0.25"/>
+  <line x1="3" y1="0" x2="1283" y2="717" stroke="#7C3A7A" stroke-width="1" stroke-opacity="0.25"/>
+
+  <!-- 页面标签 -->
+  <text x="900" y="44" font-family="Arial, sans-serif" font-size="12"
+        fill="#F5A623" fill-opacity="0.65" letter-spacing="2">P13  ·  fantasy-animation × sunset-gradient</text>
+
+  <!-- 右上文字区 — 从 x=700 开始，只在上半部 -->
+  <text x="720" y="116" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="44" font-weight="bold" fill="#E8E8F0">对角线分割</text>
+
+  <line x1="720" y1="132" x2="1230" y2="132" stroke="url(#sunsetGrad)" stroke-width="1.5" stroke-opacity="0.5"/>
+
+  <text x="720" y="168" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#F5A623">fantasy-animation</text>
+  <text x="720" y="192" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#C0C0C8">吉卜力风梦幻动画</text>
+
+  <text x="720" y="228" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#CC7A4A">sunset-gradient</text>
+  <text x="720" y="252" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#C0C0C8">暖调落日渐变色板</text>
+
+  <line x1="720" y1="274" x2="1230" y2="274" stroke="#E8E8F0" stroke-opacity="0.1" stroke-width="1"/>
+
+  <text x="720" y="306" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#E8E8F0">对角线从左上贯穿至右下，</text>
+  <text x="720" y="332" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#C0C0C8">将画面一切为二：</text>
+  <text x="720" y="358" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#C0C0C8">·  左下三角 ── 图像叙事</text>
+  <text x="720" y="382" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#C0C0C8">·  右上三角 ── 文字解析</text>
+  <text x="720" y="414" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#9090A0">对角张力赋予页面动感与节奏</text>
+
+  <!-- 左下角图像标注 -->
+  <rect x="48" y="608" width="230" height="60" rx="3" fill="#0F1117" fill-opacity="0.7"/>
+  <text x="66" y="633" font-family="Consolas, monospace" font-size="12" fill="#F5A623">IMAGE  ·  LEFT-BOTTOM</text>
+  <text x="66" y="653" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="14" fill="#E8E8F0">奇幻动画森林场景</text>
+
+  <!-- 页码 -->
+  <text x="1240" y="700" text-anchor="end" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">13</text>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/14_褪色底图大字.svg

@@ -0,0 +1,58 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="earthyBg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#F8F4EE"/>
+      <stop offset="100%" stop-color="#EDE4D4"/>
+    </linearGradient>
+    <linearGradient id="whiteOverlay" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#F8F4EE" stop-opacity="0.5"/>
+      <stop offset="100%" stop-color="#F8F4EE" stop-opacity="0.65"/>
+    </linearGradient>
+    <linearGradient id="inkAccent" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#8B6A4A"/>
+      <stop offset="100%" stop-color="#6A4A2A"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background — earthy-dusty warm cream -->
+  <rect width="1280" height="720" fill="url(#earthyBg)"/>
+
+  <!-- Full-bleed desaturated ink wash background image -->
+  <image href="../images/p14_fade_bg.png" x="0" y="0" width="1280" height="720"
+         preserveAspectRatio="xMidYMid slice"/>
+
+  <!-- White wash overlay to desaturate further — "褪色" effect -->
+  <rect width="1280" height="720" fill="url(#whiteOverlay)"/>
+
+  <!-- TOP meta — very small, understated -->
+  <text x="640" y="50" text-anchor="middle" font-family="Consolas, monospace"
+        font-size="12" fill="#8B6A4A" fill-opacity="0.6" letter-spacing="3">P14  ·  ink-notes × earthy-dusty</text>
+
+  <!-- GIANT OVERLAID HEADLINE — this is the main event -->
+  <text x="640" y="330" text-anchor="middle" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="110" font-weight="bold" fill="#2A1A0A" fill-opacity="0.85" letter-spacing="-4">褪色叠字</text>
+
+  <!-- Secondary statement -->
+  <text x="640" y="420" text-anchor="middle" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="32" fill="#8B6A4A" fill-opacity="0.75" letter-spacing="2">图为肌理  ·  字为主角</text>
+
+  <!-- Fine rule under secondary text -->
+  <line x1="340" y1="438" x2="940" y2="438" stroke="#8B6A4A" stroke-opacity="0.2" stroke-width="1"/>
+
+  <!-- Bottom annotation -->
+  <text x="640" y="520" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#6A4A2A" fill-opacity="0.7">水墨笔记风格图像降饱和度至极低</text>
+  <text x="640" y="546" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="17" fill="#6A4A2A" fill-opacity="0.7">退为画面底色与纹理，超大字体覆压其上</text>
+
+  <!-- Technique note — bottom -->
+  <rect x="400" y="600" width="480" height="60" rx="0" fill="#8B6A4A" fill-opacity="0.06"/>
+  <line x1="400" y1="600" x2="880" y2="600" stroke="#8B6A4A" stroke-opacity="0.3" stroke-width="1"/>
+  <text x="640" y="627" text-anchor="middle" font-family="Consolas, monospace"
+        font-size="13" fill="#8B6A4A" fill-opacity="0.7">rendering: ink-notes  ·  palette: earthy-dusty</text>
+  <text x="640" y="648" text-anchor="middle" font-family="Consolas, monospace"
+        font-size="13" fill="#8B6A4A" fill-opacity="0.7">hero_page + white-wash overlay + giant overlay text</text>
+
+  <!-- Page number -->
+  <text x="1240" y="700" text-anchor="end" font-family="Arial, sans-serif" font-size="13" fill="#8B6A4A" fill-opacity="0.5">14</text>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/15_上文下图.svg

@@ -0,0 +1,79 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="jewelBg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0A1A2E"/>
+      <stop offset="100%" stop-color="#1A0A2E"/>
+    </linearGradient>
+    <linearGradient id="emeraldAccent" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#1A6B4A"/>
+      <stop offset="100%" stop-color="#0A8A6A"/>
+    </linearGradient>
+    <linearGradient id="sapphireAccent" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#1A3A6B"/>
+      <stop offset="100%" stop-color="#0A4A8A"/>
+    </linearGradient>
+    <linearGradient id="goldAccent" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#D4A016"/>
+      <stop offset="100%" stop-color="#F5C040"/>
+    </linearGradient>
+    <linearGradient id="dividerGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#1A6B4A"/>
+      <stop offset="33%" stop-color="#1A3A6B"/>
+      <stop offset="66%" stop-color="#D4A016"/>
+      <stop offset="100%" stop-color="#7C3A7A"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background — deep jewel dark -->
+  <rect width="1280" height="720" fill="url(#jewelBg)"/>
+
+  <!-- TOP HALF — Text area (y: 0 - 340) -->
+  <!-- Meta label -->
+  <text x="640" y="36" text-anchor="middle" font-family="Arial, sans-serif"
+        font-size="13" fill="#9090A0" letter-spacing="3">P15  ·  flat × jewel-tone  ·  上文下图</text>
+
+  <!-- Main title -->
+  <text x="640" y="100" text-anchor="middle" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="52" font-weight="bold" fill="#E8E8F0">上文下图</text>
+  <text x="640" y="138" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="20" fill="#9090A0">Top Text · Bottom Image · 对等对话</text>
+
+  <!-- Jewel accent bars -->
+  <rect x="240" y="154" width="200" height="3" rx="1.5" fill="url(#emeraldAccent)"/>
+  <rect x="448" y="154" width="200" height="3" rx="1.5" fill="url(#sapphireAccent)"/>
+  <rect x="656" y="154" width="200" height="3" rx="1.5" fill="url(#goldAccent)"/>
+
+  <!-- Body text -->
+  <text x="640" y="200" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="20" fill="#E8E8F0">扁平设计风格图像置于下半幅，</text>
+  <text x="640" y="228" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="20" fill="#E8E8F0">文字在上方独立呼吸，图文各占一半，</text>
+  <text x="640" y="256" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="20" fill="#9090A0">形成对等的视觉对话关系。</text>
+
+  <!-- Jewel color swatches row -->
+  <rect x="324" y="292" width="40" height="24" rx="3" fill="#1A6B4A"/>
+  <text x="374" y="309" font-family="Arial, sans-serif" font-size="14" fill="#6A9A7A">祖母绿</text>
+  <rect x="484" y="292" width="40" height="24" rx="3" fill="#1A3A6B"/>
+  <text x="534" y="309" font-family="Arial, sans-serif" font-size="14" fill="#6A8AAA">蓝宝石</text>
+  <rect x="644" y="292" width="40" height="24" rx="3" fill="#D4A016"/>
+  <text x="694" y="309" font-family="Arial, sans-serif" font-size="14" fill="#AAAA6A">黄金</text>
+  <rect x="804" y="292" width="40" height="24" rx="3" fill="#7C3A7A"/>
+  <text x="854" y="309" font-family="Arial, sans-serif" font-size="14" fill="#AA7AAA">紫晶</text>
+
+  <!-- DIVIDER LINE — jewel gradient -->
+  <rect x="0" y="340" width="1280" height="4" fill="url(#dividerGrad)"/>
+
+  <!-- BOTTOM HALF — Image area (y: 344 - 720) -->
+  <image href="../images/p15_bottom_img.png" x="0" y="344" width="1280" height="376"
+         preserveAspectRatio="xMidYMid slice"/>
+
+  <!-- Subtle image overlay for depth -->
+  <rect x="0" y="344" width="1280" height="40" fill="url(#jewelBg)" fill-opacity="0.4"/>
+
+  <!-- Bottom meta small -->
+  <rect x="0" y="688" width="1280" height="32" fill="#0A1A2E" fill-opacity="0.7"/>
+  <text x="640" y="708" text-anchor="middle" font-family="Consolas, monospace"
+        font-size="12" fill="#9090A0" letter-spacing="2">flat design · bird's-eye workspace · jewel-tone palette</text>
+  <text x="1240" y="708" text-anchor="end" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">15</text>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/16_中心放射标注.svg

@@ -0,0 +1,83 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="swissBg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#FAFAFA"/>
+      <stop offset="100%" stop-color="#F4F4F4"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background — near white Swiss minimal -->
+  <rect width="1280" height="720" fill="url(#swissBg)"/>
+
+  <!-- Grid lines — very subtle, Bauhaus grid hint -->
+  <line x1="0" y1="360" x2="1280" y2="360" stroke="#111111" stroke-opacity="0.04" stroke-width="1"/>
+  <line x1="640" y1="0" x2="640" y2="720" stroke="#111111" stroke-opacity="0.04" stroke-width="1"/>
+
+  <!-- Top meta -->
+  <text x="640" y="32" text-anchor="middle" font-family="Consolas, monospace"
+        font-size="12" fill="#9090A0" letter-spacing="3">P16  ·  minimalist-swiss × editorial-classic</text>
+  <line x1="60" y1="44" x2="1220" y2="44" stroke="#111111" stroke-opacity="0.08" stroke-width="1"/>
+
+  <!-- Center image — square -->
+  <rect x="380" y="90" width="520" height="520" fill="#FFFFFF" stroke="#111111" stroke-opacity="0.1" stroke-width="1"/>
+  <image href="../images/p16_center_img.png" x="380" y="90" width="520" height="520"
+         preserveAspectRatio="xMidYMid slice"/>
+
+  <!-- Image border rule -->
+  <rect x="380" y="90" width="520" height="2" fill="#111111" fill-opacity="0.8"/>
+
+  <!-- ===== Six annotation leader lines and text ===== -->
+  <!-- Annotation dots on image edge + lines to text -->
+
+  <!-- TOP annotation -->
+  <line x1="640" y1="90" x2="640" y2="60" stroke="#111111" stroke-opacity="0.25" stroke-width="1"/>
+  <circle cx="640" cy="90" r="3" fill="#111111" fill-opacity="0.4"/>
+  <text x="640" y="54" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#111111" font-weight="bold">极简瑞士风格</text>
+
+  <!-- BOTTOM annotation -->
+  <line x1="640" y1="610" x2="640" y2="660" stroke="#111111" stroke-opacity="0.25" stroke-width="1"/>
+  <circle cx="640" cy="610" r="3" fill="#111111" fill-opacity="0.4"/>
+  <text x="640" y="676" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#111111">minimalist-swiss · grid-anchored</text>
+
+  <!-- LEFT annotation (upper) -->
+  <line x1="380" y1="240" x2="300" y2="200" stroke="#111111" stroke-opacity="0.25" stroke-width="1"/>
+  <circle cx="380" cy="240" r="3" fill="#111111" fill-opacity="0.4"/>
+  <text x="290" y="188" text-anchor="end" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#111111" font-weight="bold">激进负空间</text>
+  <text x="290" y="210" text-anchor="end" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="13" fill="#5A5A72">负空间即内容</text>
+
+  <!-- LEFT annotation (lower) -->
+  <line x1="380" y1="460" x2="300" y2="500" stroke="#111111" stroke-opacity="0.25" stroke-width="1"/>
+  <circle cx="380" cy="460" r="3" fill="#111111" fill-opacity="0.4"/>
+  <text x="290" y="498" text-anchor="end" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#111111" font-weight="bold">几何简约</text>
+  <text x="290" y="520" text-anchor="end" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="13" fill="#5A5A72">圆形 · 矩形 · 线条</text>
+
+  <!-- RIGHT annotation (upper) -->
+  <line x1="900" y1="240" x2="980" y2="200" stroke="#111111" stroke-opacity="0.25" stroke-width="1"/>
+  <circle cx="900" cy="240" r="3" fill="#111111" fill-opacity="0.4"/>
+  <text x="990" y="188" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#111111" font-weight="bold">编辑经典</text>
+  <text x="990" y="210" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="13" fill="#5A5A72">editorial-classic</text>
+
+  <!-- RIGHT annotation (lower) -->
+  <line x1="900" y1="460" x2="980" y2="500" stroke="#111111" stroke-opacity="0.25" stroke-width="1"/>
+  <circle cx="900" cy="460" r="3" fill="#111111" fill-opacity="0.4"/>
+  <text x="990" y="498" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#111111" font-weight="bold">中心放射标注</text>
+  <text x="990" y="520" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="13" fill="#5A5A72">radial annotation</text>
+
+  <!-- Primary accent — single purple rule -->
+  <rect x="60" y="680" width="200" height="2" fill="#7C6FF7"/>
+  <text x="60" y="705" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="13" fill="#9090A0">图如产品  ·  线如解析  ·  字如说明书</text>
+
+  <!-- Page number -->
+  <text x="1240" y="700" text-anchor="end" font-family="Arial, sans-serif" font-size="13" fill="#9090A0">16</text>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/17_横条贯穿.svg

@@ -0,0 +1,82 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="vividBg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0A0A14"/>
+      <stop offset="100%" stop-color="#14060A"/>
+    </linearGradient>
+    <linearGradient id="vividAccent" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#7C6FF7"/>
+      <stop offset="50%" stop-color="#F5A623"/>
+      <stop offset="100%" stop-color="#7C6FF7"/>
+    </linearGradient>
+    <linearGradient id="stripFadeL" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#0A0A14" stop-opacity="1"/>
+      <stop offset="10%" stop-color="#0A0A14" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="stripFadeR" x1="100%" y1="0%" x2="0%" y2="0%">
+      <stop offset="0%" stop-color="#0A0A14" stop-opacity="1"/>
+      <stop offset="10%" stop-color="#0A0A14" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background — deep dark vivid-launch -->
+  <rect width="1280" height="720" fill="url(#vividBg)"/>
+
+  <!-- TOP TEXT AREA — y: 0-240 -->
+  <text x="640" y="48" text-anchor="middle" font-family="Arial, sans-serif"
+        font-size="13" fill="#9090A0" letter-spacing="3">P17  ·  screen-print × vivid-launch  ·  横条贯穿</text>
+
+  <text x="640" y="110" text-anchor="middle" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="52" font-weight="bold" fill="#E8E8F0">横条贯穿</text>
+
+  <text x="640" y="150" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="20" fill="#9090A0">Horizontal Strip Divides the Page</text>
+
+  <!-- Top accent bar -->
+  <rect x="440" y="168" width="400" height="2" rx="1" fill="url(#vividAccent)"/>
+
+  <text x="640" y="202" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="18" fill="#E8E8F0">丝网印刷风格的水平窄条图像横贯页面中腰，</text>
+  <text x="640" y="228" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="18" fill="#9090A0">将上下两段文字切割为独立的叙事节点。</text>
+
+  <!-- MIDDLE STRIP IMAGE — y: 248-488 (240px high) -->
+  <!-- Accent border top -->
+  <rect x="0" y="248" width="1280" height="3" fill="url(#vividAccent)"/>
+  <image href="../images/p17_strip_img.png" x="0" y="251" width="1280" height="234"
+         preserveAspectRatio="xMidYMid slice"/>
+  <!-- Edge fades -->
+  <rect x="0" y="251" width="100" height="234" fill="url(#stripFadeL)"/>
+  <rect x="1180" y="251" width="100" height="234" fill="url(#stripFadeR)"/>
+  <!-- Accent border bottom -->
+  <rect x="0" y="485" width="1280" height="3" fill="url(#vividAccent)"/>
+
+  <!-- BOTTOM TEXT AREA — y: 490-720 -->
+  <text x="640" y="540" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="18" fill="#9090A0">图像如一道闪光——切断语境，制造节奏感停顿，</text>
+  <text x="640" y="566" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="18" fill="#9090A0">下方文字在节奏停顿后重启叙事。</text>
+
+  <!-- Bottom feature tags -->
+  <rect x="254" y="598" width="200" height="32" rx="4" fill="#7C6FF7" fill-opacity="0.15" stroke="#7C6FF7" stroke-opacity="0.3" stroke-width="1"/>
+  <text x="354" y="618" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="14" fill="#7C6FF7">丝网印刷质感</text>
+
+  <rect x="474" y="598" width="200" height="32" rx="4" fill="#F5A623" fill-opacity="0.15" stroke="#F5A623" stroke-opacity="0.3" stroke-width="1"/>
+  <text x="574" y="618" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="14" fill="#F5A623">活力发射配色</text>
+
+  <rect x="694" y="598" width="200" height="32" rx="4" fill="#4ECDC4" fill-opacity="0.15" stroke="#4ECDC4" stroke-opacity="0.3" stroke-width="1"/>
+  <text x="794" y="618" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="14" fill="#4ECDC4">图切割文字节奏</text>
+
+  <rect x="914" y="598" width="200" height="32" rx="4" fill="#E8E8F0" fill-opacity="0.08" stroke="#E8E8F0" stroke-opacity="0.1" stroke-width="1"/>
+  <text x="1014" y="618" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="14" fill="#9090A0">版式对比强烈</text>
+
+  <!-- Bottom center statement -->
+  <text x="640" y="680" text-anchor="middle" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="17" fill="#7C6FF7" fill-opacity="0.7">图是横穿页面的一道光</text>
+
+  <text x="1240" y="700" text-anchor="end" font-family="Arial, sans-serif" font-size="13" fill="#5A5A72">17</text>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/18_多边形填缝.svg

@@ -0,0 +1,83 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="natureBg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#F5EDE0"/>
+      <stop offset="100%" stop-color="#F0E4D0"/>
+    </linearGradient>
+    <linearGradient id="sunsetGradText" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#F5A623"/>
+      <stop offset="100%" stop-color="#CC4A2A"/>
+    </linearGradient>
+    <clipPath id="hexClip">
+      <polygon points="220,100 580,100 760,360 580,620 220,620 40,360"/>
+    </clipPath>
+  </defs>
+
+  <!-- Background — warm natural light -->
+  <rect width="1280" height="720" fill="url(#natureBg)"/>
+
+  <!-- Hexagonal image — nature × sunset-gradient, left-center -->
+  <!-- Hex shadow hint -->
+  <polygon points="224,104 584,104 764,364 584,624 224,624 44,364" fill="#8B5A2A" fill-opacity="0.08"/>
+  <!-- Hex image -->
+  <image href="../images/p18_polygon_img.png" x="40" y="100" width="720" height="520"
+         clip-path="url(#hexClip)" preserveAspectRatio="xMidYMid slice"/>
+  <!-- Hex border -->
+  <polygon points="220,100 580,100 760,360 580,620 220,620 40,360"
+           fill="none" stroke="#8B5A2A" stroke-opacity="0.3" stroke-width="2"/>
+
+  <!-- Page meta -->
+  <text x="920" y="40" text-anchor="middle" font-family="Arial, sans-serif"
+        font-size="12" fill="#8B5A2A" fill-opacity="0.6" letter-spacing="2">P18  ·  nature × sunset-gradient</text>
+
+  <!-- Right text area — fills the gap to the right of hexagon -->
+  <text x="820" y="120" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="38" font-weight="bold" fill="#3A2010">多边形</text>
+  <text x="820" y="164" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="38" font-weight="bold" fill="#3A2010">裁切填缝</text>
+
+  <rect x="820" y="178" width="120" height="3" rx="1.5" fill="url(#sunsetGradText)"/>
+
+  <text x="820" y="216" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="18" fill="#5A3A20">六边形 clipPath 裁切图像，</text>
+  <text x="820" y="242" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="18" fill="#5A3A20">文字自由填充图形外的</text>
+  <text x="820" y="268" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="18" fill="#5A3A20">负空间与角落区域。</text>
+
+  <text x="820" y="314" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#8B5A2A">非矩形容器打破传统构图，</text>
+  <text x="820" y="338" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#8B5A2A">制造有机流动感。</text>
+
+  <!-- Feature tags right side -->
+  <rect x="820" y="370" width="160" height="30" rx="4" fill="#8B5A2A" fill-opacity="0.1"/>
+  <text x="900" y="390" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="14" fill="#5A3A20">自然插画风格</text>
+
+  <rect x="820" y="410" width="160" height="30" rx="4" fill="#F5A623" fill-opacity="0.15"/>
+  <text x="900" y="430" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="14" fill="#8B5A20">落日渐变调色</text>
+
+  <rect x="820" y="450" width="160" height="30" rx="4" fill="#2A5A30" fill-opacity="0.1"/>
+  <text x="900" y="470" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="14" fill="#2A5A30">热带植物主题</text>
+
+  <!-- Bottom text filling lower corner -->
+  <text x="820" y="540" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#8B5A2A">技术：</text>
+  <text x="820" y="564" font-family="Consolas, monospace" font-size="13" fill="#5A3A20">&lt;clipPath&gt; + &lt;polygon&gt;</text>
+  <text x="820" y="588" font-family="Consolas, monospace" font-size="13" fill="#5A3A20">六顶点六边形路径</text>
+  <text x="820" y="612" font-family="Consolas, monospace" font-size="13" fill="#5A3A20">preserveAspectRatio=slice</text>
+
+  <!-- Corner text fill — upper area of right column -->
+  <!-- Small right-side badge - top corner -->
+  <text x="1160" y="120" text-anchor="end" font-family="Arial, sans-serif"
+        font-size="13" fill="#8B5A2A" fill-opacity="0.5">nature</text>
+
+  <!-- Bottom annotation -->
+  <text x="640" y="688" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#8B5A2A" fill-opacity="0.7">非矩形图 · 文字填缝 · 有机流动感</text>
+
+  <text x="1240" y="700" text-anchor="end" font-family="Arial, sans-serif" font-size="13" fill="#8B5A2A" fill-opacity="0.5">18</text>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/19_蒙太奇拼贴.svg

@@ -0,0 +1,84 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="cinemaBg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#080A0F"/>
+      <stop offset="100%" stop-color="#0A080F"/>
+    </linearGradient>
+    <linearGradient id="bigTextGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#FFFFFF" stop-opacity="0"/>
+      <stop offset="20%" stop-color="#FFFFFF" stop-opacity="1"/>
+      <stop offset="80%" stop-color="#FFFFFF" stop-opacity="1"/>
+      <stop offset="100%" stop-color="#FFFFFF" stop-opacity="0"/>
+    </linearGradient>
+    <linearGradient id="gapFade1" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#080A0F" stop-opacity="0"/>
+      <stop offset="100%" stop-color="#080A0F" stop-opacity="1"/>
+    </linearGradient>
+    <linearGradient id="gapFade2" x1="100%" y1="0%" x2="0%" y2="0%">
+      <stop offset="0%" stop-color="#080A0F" stop-opacity="0"/>
+      <stop offset="100%" stop-color="#080A0F" stop-opacity="1"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background dark cinema -->
+  <rect width="1280" height="720" fill="url(#cinemaBg)"/>
+
+  <!-- THREE IMAGES — montage tiled full canvas with 2px gaps -->
+  <!-- Image 1 — left (arch/urban): 0 to 393px -->
+  <image href="../images/p19_collage1.png" x="0" y="0" width="393" height="720"
+         preserveAspectRatio="xMidYMid slice"/>
+
+  <!-- Image 2 — center (texture): 395 to 787px -->
+  <image href="../images/p19_collage2.png" x="395" y="0" width="392" height="720"
+         preserveAspectRatio="xMidYMid slice"/>
+
+  <!-- Image 3 — right (motion blur): 789 to 1280px -->
+  <image href="../images/p19_collage3.png" x="789" y="0" width="491" height="720"
+         preserveAspectRatio="xMidYMid slice"/>
+
+  <!-- Dark gap lines between images -->
+  <rect x="393" y="0" width="2" height="720" fill="#080A0F"/>
+  <rect x="787" y="0" width="2" height="720" fill="#080A0F"/>
+
+  <!-- Overall dark overlay to push images back -->
+  <rect width="1280" height="720" fill="#080A0F" fill-opacity="0.4"/>
+
+  <!-- ===== OVERLAID GIANT TEXT SPANNING ALL THREE IMAGES ===== -->
+  <!-- Dark band behind text for legibility -->
+  <rect x="0" y="268" width="1280" height="184" fill="#080A0F" fill-opacity="0.55"/>
+
+  <!-- Main headline — spans full width -->
+  <text x="60" y="365" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="88" font-weight="bold" fill="#E8E8F0" letter-spacing="-3">蒙太奇</text>
+  <text x="600" y="365" font-family="Georgia, serif" font-size="88" font-weight="bold"
+        fill="#E8E8F0" fill-opacity="0.15" letter-spacing="-3">蒙太奇</text>
+
+  <!-- Subtitle spanning images -->
+  <text x="60" y="420" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="22" fill="#9090A0" letter-spacing="4">MONTAGE COLLAGE</text>
+
+  <!-- Thin accent line -->
+  <rect x="60" y="436" width="800" height="1" fill="#7C6FF7" fill-opacity="0.4"/>
+
+  <!-- Top meta -->
+  <text x="60" y="36" font-family="Consolas, monospace" font-size="12" fill="#5A5A72" letter-spacing="2">P19  ·  editorial × dark-cinematic  ·  多图拼贴蒙太奇</text>
+
+  <!-- Per-image labels at bottom -->
+  <rect x="0" y="660" width="393" height="60" fill="#080A0F" fill-opacity="0.7"/>
+  <text x="30" y="683" font-family="Consolas, monospace" font-size="11" fill="#F5A623">01  architecture</text>
+  <text x="30" y="700" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="13" fill="#9090A0">都市建筑 · 戏剧阴影</text>
+
+  <rect x="395" y="660" width="392" height="60" fill="#080A0F" fill-opacity="0.7"/>
+  <text x="425" y="683" font-family="Consolas, monospace" font-size="11" fill="#4ECDC4">02  texture</text>
+  <text x="425" y="700" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="13" fill="#9090A0">材质特写 · 抽象纹理</text>
+
+  <rect x="789" y="660" width="491" height="60" fill="#080A0F" fill-opacity="0.7"/>
+  <text x="819" y="683" font-family="Consolas, monospace" font-size="11" fill="#7C6FF7">03  motion</text>
+  <text x="819" y="700" font-family="Arial, 'Microsoft YaHei', sans-serif" font-size="13" fill="#9090A0">运动模糊 · 光轨夜景</text>
+
+  <!-- Right side info -->
+  <text x="1240" y="260" text-anchor="end" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#E8E8F0" fill-opacity="0.5">三图并置</text>
+  <text x="1240" y="284" text-anchor="end" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="15" fill="#E8E8F0" fill-opacity="0.5">大字横压</text>
+</svg>

agent/skills-disabled/ppt-master/examples/ppt169_image_text_showcase/svg_output/20_黑板收场.svg

@@ -0,0 +1,48 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <defs>
+    <linearGradient id="chalkBg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#1A3A1A"/>
+      <stop offset="100%" stop-color="#142A14"/>
+    </linearGradient>
+    <linearGradient id="chalkTextFade" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop offset="0%" stop-color="#E8E8E0" stop-opacity="0"/>
+      <stop offset="20%" stop-color="#E8E8E0" stop-opacity="1"/>
+      <stop offset="80%" stop-color="#E8E8E0" stop-opacity="1"/>
+      <stop offset="100%" stop-color="#E8E8E0" stop-opacity="0"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Background — chalkboard dark green -->
+  <rect width="1280" height="720" fill="url(#chalkBg)"/>
+
+  <!-- Full-bleed chalkboard image -->
+  <image href="../images/p20_closing.png" x="0" y="0" width="1280" height="720"
+         preserveAspectRatio="xMidYMid slice"/>
+
+  <!-- Subtle vignette overlay -->
+  <rect width="1280" height="720" fill="#142A14" fill-opacity="0.35"/>
+
+  <!-- Top meta -->
+  <text x="640" y="52" text-anchor="middle" font-family="Consolas, monospace"
+        font-size="12" fill="#E8E8E0" fill-opacity="0.35" letter-spacing="3">P20  ·  chalkboard × mono-ink  ·  黑板收场</text>
+
+  <!-- Main centered closing text — chalk style -->
+  <text x="640" y="310" text-anchor="middle" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="56" font-weight="bold" fill="#E8E8E0" fill-opacity="0.92" letter-spacing="4">每种组合</text>
+  <text x="640" y="382" text-anchor="middle" font-family="Georgia, 'Microsoft YaHei', serif"
+        font-size="56" font-weight="bold" fill="#E8E8E0" fill-opacity="0.92" letter-spacing="4">都是一种语言</text>
+
+  <!-- Chalk underline hint -->
+  <line x1="280" y1="398" x2="1000" y2="398" stroke="#E8E8E0" stroke-opacity="0.2" stroke-width="2"/>
+
+  <!-- Secondary text -->
+  <text x="640" y="460" text-anchor="middle" font-family="Arial, 'Microsoft YaHei', sans-serif"
+        font-size="20" fill="#E8E8E0" fill-opacity="0.6" letter-spacing="2">图 + 文  ·  无穷组合  ·  无穷可能</text>
+
+  <!-- Small bottom credit -->
+  <text x="640" y="650" text-anchor="middle" font-family="Consolas, monospace"
+        font-size="13" fill="#E8E8E0" fill-opacity="0.3" letter-spacing="4">PPT MASTER  ·  2026</text>
+
+  <!-- Page number -->
+  <text x="1240" y="700" text-anchor="end" font-family="Arial, sans-serif" font-size="13" fill="#E8E8E0" fill-opacity="0.3">20</text>
+</svg>