codewave-openclaw-installer 1.0.2 → 2.1.1

package/skills/ppt-master/templates/layouts/ai_ops/03_content.svg

@@ -0,0 +1,37 @@
+<svg width="1280" height="720" viewBox="0 0 1280 720" xmlns="http://www.w3.org/2000/svg">
+  <!-- Background -->
+  <rect x="0" y="0" width="1280" height="720" fill="#FFFFFF" />
+
+  <!-- Top Red Strip -->
+  <rect x="0" y="0" width="1280" height="4" fill="#C00000" />
+
+  <!-- Header Area -->
+  <rect x="0" y="4" width="1280" height="76" fill="#FFFFFF" />
+  <line x1="0" y1="80" x2="1280" y2="80" stroke="#E7E6E6" stroke-width="1" />
+
+  <!-- Left Red Accent Bar -->
+  <rect x="50" y="20" width="8" height="40" fill="#C00000" />
+
+  <!-- Page Title -->
+  <text x="72" y="52" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="32" font-weight="bold" fill="#000000">{{PAGE_TITLE}}</text>
+
+  <!-- Content Area -->
+  <rect x="50" y="95" width="1180" height="560" rx="4" ry="4" fill="#FFFFFF" stroke="#E7E6E6" stroke-width="1" stroke-dasharray="5 5" />
+
+  <!-- Content Area Placeholder -->
+  <text x="640" y="380" text-anchor="middle" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="20" fill="#CCCCCC">{{CONTENT_AREA}}</text>
+
+  <!-- Footer -->
+  <rect x="0" y="680" width="1280" height="40" fill="#F2F2F2" />
+  <rect x="0" y="680" width="4" height="40" fill="#C00000" />
+
+  <!-- Section Name -->
+  <text x="60" y="706" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#666666">{{SECTION_NAME}}</text>
+
+  <!-- Source -->
+  <text x="640" y="706" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="12" fill="#999999" text-anchor="middle">{{SOURCE}}</text>
+
+  <!-- Page Number -->
+  <rect x="1210" y="688" width="30" height="24" fill="#C00000" />
+  <text x="1225" y="706" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#FFFFFF">{{PAGE_NUM}}</text>
+</svg>

package/skills/ppt-master/templates/layouts/ai_ops/04_ending.svg

@@ -0,0 +1,59 @@
+<svg width="1280" height="720" viewBox="0 0 1280 720" xmlns="http://www.w3.org/2000/svg">
+  <!-- Background -->
+  <rect x="0" y="0" width="1280" height="720" fill="#FFFFFF" />
+
+  <!-- Top Red Strip -->
+  <rect x="0" y="0" width="1280" height="8" fill="#C00000" />
+
+  <!-- Left Decorative Block (mirror of cover) -->
+  <rect x="0" y="0" width="60" height="360" fill="#C00000" />
+  <rect x="0" y="360" width="60" height="360" fill="#2E75B6" />
+
+  <!-- Central Warm Panel -->
+  <rect x="280" y="200" width="720" height="320" fill="#FDF3EB" stroke="#F8CBAD" stroke-width="2" />
+
+  <!-- Thank You Text -->
+  <text x="640" y="310" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="64" font-weight="bold" fill="#C00000" text-anchor="middle">{{THANK_YOU}}</text>
+
+  <!-- English Tagline -->
+  <text x="640" y="370" font-family="Arial, sans-serif" font-size="22" fill="#2E75B6" text-anchor="middle" letter-spacing="6">{{ENDING_SUBTITLE}}</text>
+
+  <!-- Separator -->
+  <line x1="480" y1="400" x2="800" y2="400" stroke="#E7E6E6" stroke-width="1" />
+
+  <!-- Contact Info -->
+  <text x="640" y="450" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="18" fill="#666666" text-anchor="middle">{{CONTACT_INFO}}</text>
+
+  <!-- Copyright -->
+  <text x="640" y="490" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="14" fill="#999999" text-anchor="middle">{{COPYRIGHT}}</text>
+
+  <!-- Bottom Accent (mirror of cover) -->
+  <rect x="0" y="680" width="1280" height="10" fill="#FDF3EB" />
+  <rect x="0" y="690" width="1280" height="30" fill="#2E75B6" />
+
+  <!-- Decorative Numbered Badges (echoing cover) -->
+  <rect x="300" y="580" width="30" height="30" fill="#C00000" />
+  <text x="315" y="602" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#FFFFFF" text-anchor="middle">1</text>
+
+  <rect x="500" y="580" width="30" height="30" fill="#C00000" />
+  <text x="515" y="602" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#FFFFFF" text-anchor="middle">2</text>
+
+  <rect x="700" y="580" width="30" height="30" fill="#C00000" />
+  <text x="715" y="602" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#FFFFFF" text-anchor="middle">3</text>
+
+  <rect x="900" y="580" width="30" height="30" fill="#C00000" />
+  <text x="915" y="602" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#FFFFFF" text-anchor="middle">4</text>
+
+  <!-- Blue Label Tags (echoing cover) -->
+  <rect x="340" y="580" width="100" height="30" fill="#5B9BD5" />
+  <text x="390" y="601" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="12" fill="#FFFFFF" text-anchor="middle">能力封装</text>
+
+  <rect x="540" y="580" width="100" height="30" fill="#5B9BD5" />
+  <text x="590" y="601" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="12" fill="#FFFFFF" text-anchor="middle">跨域拉通</text>
+
+  <rect x="740" y="580" width="100" height="30" fill="#5B9BD5" />
+  <text x="790" y="601" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="12" fill="#FFFFFF" text-anchor="middle">知识沉淀</text>
+
+  <rect x="940" y="580" width="100" height="30" fill="#5B9BD5" />
+  <text x="990" y="601" font-family="'Microsoft YaHei', Arial, sans-serif" font-size="12" fill="#FFFFFF" text-anchor="middle">开放共享</text>
+</svg>

package/skills/ppt-master/templates/layouts/ai_ops/design_spec.md

@@ -0,0 +1,357 @@
+# ai_ops - Enterprise Digital Intelligence Design Specification
+
+> Suitable for telecom operator AI operations architecture, digital transformation proposals, smart infrastructure reports, IT system overview diagrams, and other high-information-density scenarios.
+
+> **Style Reference**: See `reference_style.svg` (Telecom Operator AI Operations Architecture Overview), which demonstrates the core visual language of this template.
+
+---
+
+## I. Template Overview
+
+| Property           | Description                                                                    |
+| ------------------ | ------------------------------------------------------------------------------ |
+| **Template Name**  | ai_ops (Enterprise Digital Intelligence)                                       |
+| **Use Cases**      | Telecom AI operations architecture, IT system overviews, digital transformation proposals, smart infrastructure reports |
+| **Design Tone**    | Information-dense, structured, modular zoning, telecom/enterprise style        |
+| **Theme Mode**     | Light theme (white background + red-blue dual-color accents + warm gray panels) |
+| **Info Density**   | High density — a single page can accommodate 6-10 information modules, matching telecom reporting conventions |
+
+---
+
+## II. Canvas Specification
+
+| Property           | Value                            |
+| ------------------ | -------------------------------- |
+| **Format**         | Standard 16:9                    |
+| **Dimensions**     | 1280 × 720 px                   |
+| **viewBox**        | `0 0 1280 720`                  |
+| **Page Margins**   | Left/right 30-50px, top 20px, bottom 40px |
+| **Content Safe Area** | x: 30-1250, y: 80-680        |
+| **Title Area**     | y: 20-80                        |
+| **Grid Baseline**  | 20px (high-density layouts require a finer grid) |
+
+> **Note**: Margins are narrower than standard templates (30px vs 60px) to accommodate the high-information-density reporting style common in telecom presentations.
+
+---
+
+## III. Color Scheme
+
+### Primary Colors
+
+| Role               | Value       | Notes                                        |
+| ------------------ | ----------- | -------------------------------------------- |
+| **Primary Red**    | `#C00000`   | Brand identity, title vertical bar, number badges, target bars |
+| **Accent Blue**    | `#2E75B6`   | Scenario labels, category headers, bottom accent bars |
+| **Light Blue**     | `#5B9BD5`   | Feature module cards, sub-item labels        |
+
+### Functional Colors
+
+| Role               | Value       | Usage                              |
+| ------------------ | ----------- | ---------------------------------- |
+| **Warm Gray BG**   | `#FDF3EB`   | Overview panel, open platform panel background |
+| **Warm Orange Border** | `#F8CBAD` | Panel borders, decorative dividers |
+| **Light Gray BG**  | `#F2F2F2`   | Subtitle bar, metric card background |
+| **Card Gray BG**   | `#E7E6E6`   | Sub-module cards, capability base cards |
+| **Card Border**    | `#D9D9D9`   | Card strokes                       |
+
+### Text Colors
+
+| Role               | Value       | Usage                          |
+| ------------------ | ----------- | ------------------------------ |
+| **Body Black**     | `#000000`   | Titles, standard body text     |
+| **White Text**     | `#FFFFFF`   | Text on dark color blocks      |
+| **Secondary Text** | `#666666`   | Subtitles, annotations         |
+| **Light Secondary**| `#999999`   | Page numbers, source citations |
+| **Data Emphasis**  | `#C00000`   | KPI values, key metrics        |
+
+---
+
+## IV. Typography System
+
+### Font Stack
+
+**Font Stack**: `"Microsoft YaHei", "微软雅黑", "SimHei", Arial, sans-serif`
+
+### Font Size Hierarchy
+
+| Level    | Usage                  | Size    | Weight  |
+| -------- | ---------------------- | ------- | ------- |
+| H1       | Cover main title       | 36-48px | Bold    |
+| H2       | Page title             | 32-36px | Bold    |
+| H3       | Module title/subtitle  | 18-20px | Bold    |
+| P        | Body content           | 14-16px | Regular |
+| Caption  | Supplementary/footnotes | 12-14px | Regular |
+| Data     | KPI values/metric emphasis | 24-36px | Bold |
+
+> **Note**: Body font size is smaller than usual (14-16px vs standard 18-20px) to accommodate high information density per page.
+
+---
+
+## V. Core Design Principles
+
+### Telecom High-Density Information Style
+
+This template emulates the visual language of telecom technical reports. The core characteristics are "**modular zoning + high information density + red-blue dual-color hierarchy**".
+
+1. **Left Red Vertical Bar**: A red rectangle (10×40px) before titles serves as a visual anchor — the most essential title identifier throughout the template.
+2. **Number Badges**: Red square badges (30×30px with white numbers) identify key initiatives/capability numbers (e.g., numbers 1-5 in "Five Key Initiatives").
+3. **Dashed Zone Frames**: `stroke-dasharray="5 5"` dashed rectangles group content modules, creating a structured, modular visual effect — a common "zone frame" in telecom reports.
+4. **Blue Label Bars**: `#2E75B6` blue-filled rectangles (full-width or fixed-width) serve as scenario/category headers carrying scenario names.
+5. **Warm Gray Overview Panels**: Panels with `#FDF3EB` background + `#F8CBAD` border carry overviews, summaries, and open platform entries.
+6. **Metric Card Groups**: White cards with `#F2F2F2` borders, closely arranged to display KPI metrics; values highlighted in `#C00000` red.
+7. **Light Blue Sub-modules**: `#5B9BD5` filled small rectangular cards displaying specific feature items (e.g., "AI One-Click Troubleshooting Assistant").
+8. **Gray Capability Base Cards**: Cards with `#E7E6E6` / `#F2F2F2` background for displaying foundational capabilities/platform components.
+
+### Advanced Features
+
+1. **Triangle Decorations**: The top area may use light semi-transparent triangles (`fill-opacity="0.3"`) as visual guides.
+2. **Star/Icon Accents**: Simple polygon stars near key achievements enhance visual impact.
+3. **Multi-level Nested Zones**: Outer dashed frame > inner label area > specific feature cards, forming a three-layer visual hierarchy.
+4. **Compact Line Spacing**: Module spacing compressed to 10-20px to maximize information capacity.
+
+---
+
+## VI. Page Structure
+
+### General Layout
+
+| Area               | Position/Height  | Description                                          |
+| ------------------ | ---------------- | ---------------------------------------------------- |
+| **Title Area**     | y=20-80          | Red vertical bar + title text + optional subtitle overview bar |
+| **Overview Bar**   | y=80-140         | Full-width `#F2F2F2` background bar carrying the page's core summary |
+| **Content Area**   | y=140-670        | Main content area (densely packed multi-module layout) |
+| **Footer**         | y=680-720        | Red narrow bar with page number + chapter name + source citation |
+
+### Navigation Bar Design
+
+- **Title Vertical Bar**: Red rectangle `#C00000`, 10×40px, positioned left of the title text
+- **Title Text**: 10px from the vertical bar, 36px font size, `#C00000` or `#000000`
+- **Overview Bar**: Full-width light gray rectangle (h=60px), centered 16px body text carrying the page overview/introduction
+
+### Decorative Elements
+
+- **Number Badges**: 30×30px red squares + white numbers (centered)
+- **Blue Labels**: Fixed-width blue rectangles + white text (e.g., "Fault Boundary Identification")
+- **Dashed Zone Frames**: `stroke="#C00000"` or `stroke="#E7E6E6"`, `stroke-dasharray="5 5"`
+- **Warm Gray Panels**: `fill="#FDF3EB"` + `stroke="#F8CBAD"` + `stroke-width="2"`
+- **Light Blue Feature Cards**: `fill="#5B9BD5"` rectangles + white text
+
+---
+
+## VII. Page Types
+
+### 1. Cover Page (01_cover.svg)
+
+- **Background**: White `#FFFFFF`
+- **Left Decoration**: Full-height red-blue dual-color vertical bar (red upper half + blue lower half), width 60px
+- **Title Area**: Centered large title `{{TITLE}}` (red), with subtitle `{{SUBTITLE}}` inside a light gray overview bar below
+- **Middle Decoration**: Number badges (1-5) + blue scenario labels showcasing core capabilities/scenarios
+- **Bottom Info**: Speaker `{{AUTHOR}}` + date `{{DATE}}`
+- **Bottom Decoration**: Warm gray narrow bar + blue full-width bottom bar
+
+### 2. Chapter Page (02_chapter.svg)
+
+- **Background**: White `#FFFFFF`
+- **Left/Right Decoration**: Left red vertical bar + right blue vertical bar (echoing the cover dual-color scheme)
+- **Center**: Red number badge (80×80px large) `{{CHAPTER_NUM}}` + watermark number (160px light gray)
+- **Title**: Centered `{{CHAPTER_TITLE}}` (48px Bold)
+- **Decorative Line**: Red-blue dual lines (thick red line + thin blue line)
+- **Description**: `{{CHAPTER_DESC}}` in gray text
+
+### 3. Content Page (03_content.svg)
+
+- **Top**: 4px red top bar + white title bar (80px height)
+- **Title Identifier**: Red vertical bar (8×40px) + 32px Bold title `{{PAGE_TITLE}}`
+- **Content Area**: Dashed frame (`stroke-dasharray="5 5"`) marking content area `{{CONTENT_AREA}}`
+- **Footer**: Light gray bottom bar, left red vertical bar + chapter name `{{SECTION_NAME}}`, right red square page number `{{PAGE_NUM}}`
+- **Source Citation**: Footer centered `{{SOURCE}}`
+- **TOC**: Use canonical indexed placeholders such as `{{TOC_ITEM_1_TITLE}}`
+
+### 4. Ending Page (04_ending.svg)
+
+- **Layout**: Mirrors the cover — left red-blue dual-color vertical bar, bottom blue bar
+- **Central Panel**: Warm gray panel (`#FDF3EB` + `#F8CBAD` border) carrying the thank-you message
+- **Content**: `{{THANK_YOU}}` (red 64px Bold) + `{{ENDING_SUBTITLE}}` (blue 22px)
+- **Contact Info**: `{{CONTACT_INFO}}` + `{{COPYRIGHT}}`
+- **Bottom Decoration**: Number badges + blue labels, echoing the cover
+
+---
+
+## VIII. Layout Patterns
+
+| Pattern                        | Applicable Scenarios                              |
+| ------------------------------ | ------------------------------------------------- |
+| **Architecture Overview**      | AI operations overview, system architecture panorama |
+| **Metrics Dashboard**          | KPI display, performance reports, data dashboards |
+| **Multi-Module Zoning**        | Capability lists, scenario matrices, domain displays |
+| **Process/Timeline**           | Implementation roadmap, deployment plan, evolution path |
+| **Top-Bottom Split**           | Objectives+results (top), scenarios+capabilities (bottom) |
+| **Left-Right Split (3:7)**     | Left navigation labels + right content area       |
+| **Card Matrix (2x3/3x3)**     | Capability modules, team assignments, project lists |
+| **Table**                      | Metric comparisons, progress tracking             |
+
+> **Recommended**: Telecom reports commonly use the "**Architecture Overview**" pattern — a single page presenting the complete architecture from objectives → results → scenarios → orchestration → foundational capabilities, unfolding top to bottom.
+
+---
+
+## IX. Common Components
+
+### Title Vertical Bar Decoration
+
+```xml
+<!-- Red vertical bar + title -->
+<rect x="30" y="20" width="10" height="40" fill="#C00000" />
+<text x="50" y="55" font-family="Microsoft YaHei, sans-serif" font-size="36" font-weight="bold" fill="#C00000">Page Title</text>
+```
+
+### Number Badge
+
+```xml
+<!-- Red square number badge -->
+<rect x="80" y="560" width="30" height="30" fill="#C00000" />
+<text x="95" y="582" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#FFFFFF" text-anchor="middle">1</text>
+```
+
+### Blue Scenario Label
+
+```xml
+<!-- Blue label bar -->
+<rect x="120" y="310" width="220" height="40" fill="#2E75B6" />
+<text x="230" y="336" font-family="Microsoft YaHei, sans-serif" font-size="16" font-weight="bold" fill="#FFFFFF" text-anchor="middle">Fault Boundary Identification</text>
+```
+
+### Metric Card
+
+```xml
+<!-- White metric card (values highlighted in red) -->
+<rect x="120" y="215" width="140" height="35" fill="#FFFFFF" stroke="#F2F2F2" stroke-width="2" />
+<text x="190" y="239" font-family="Microsoft YaHei, sans-serif" font-size="14" font-weight="bold" fill="#000000" text-anchor="middle">Fault tickets reduced by<tspan fill="#C00000">30%</tspan></text>
+```
+
+### Dashed Zone Frame
+
+```xml
+<!-- Dashed content zone -->
+<rect x="120" y="390" width="940" height="150" fill="none" stroke="#C00000" stroke-width="2" stroke-dasharray="5 5" />
+```
+
+### Warm Gray Overview Bar
+
+```xml
+<!-- Full-width warm gray overview/summary bar -->
+<rect x="30" y="80" width="1220" height="60" fill="#F2F2F2" />
+<text x="640" y="115" font-family="Microsoft YaHei, sans-serif" font-size="16" fill="#000000" text-anchor="middle">Overview text content...</text>
+```
+
+### Warm Gray Panel
+
+```xml
+<!-- Warm gray panel (open platform/summary area) -->
+<rect x="1080" y="390" width="160" height="300" fill="#FDF3EB" stroke="#F8CBAD" stroke-width="2" />
+```
+
+### Light Blue Feature Card
+
+```xml
+<!-- Feature module card -->
+<rect x="160" y="450" width="240" height="30" fill="#5B9BD5" />
+<text x="280" y="471" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#FFFFFF" text-anchor="middle">AI One-Click Troubleshooting Assistant</text>
+```
+
+### Gray Capability Base Card
+
+```xml
+<!-- Foundational capability card -->
+<rect x="120" y="630" width="80" height="40" fill="#F2F2F2" stroke="#D9D9D9" stroke-width="1" />
+<text x="160" y="655" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#000000" text-anchor="middle">Core Network</text>
+```
+
+---
+
+## X. Spacing Specification
+
+| Element                        | Value     |
+| ------------------------------ | --------- |
+| Page left/right margins        | 30-50px   |
+| Page top/bottom margins        | 20-40px   |
+| Title area height              | 60px      |
+| Overview bar height            | 60px      |
+| Title to overview bar spacing  | 0px       |
+| Overview bar to content spacing | 10-20px  |
+| Module spacing                 | 10-20px   |
+| Card spacing                   | 10px      |
+| Card inner padding             | 15-20px   |
+| Badge to label spacing         | 5-10px    |
+| Footer height                  | 40px      |
+
+> **Compact Principle**: The telecom style pursues maximum information per page; spacing is generally 30-50% smaller than standard templates.
+
+---
+
+## XI. SVG Technical Constraints
+
+### Mandatory Rules
+
+1. viewBox: `0 0 1280 720`
+2. Use `<rect>` elements for backgrounds
+3. Use `<tspan>` for text wrapping (**`<foreignObject>` is strictly prohibited**)
+4. Use `fill-opacity` / `stroke-opacity` for transparency; `rgba()` is prohibited
+5. Prohibited: `clipPath`, `mask`, `<style>`, `class`, `foreignObject` (`id` inside `<defs>` is allowed)
+6. Prohibited: `textPath`, `animate*`, `script`, `marker`/`marker-end`
+7. Prohibited: `<symbol>+<use>`, `<iframe>`, `@font-face`
+8. Prohibited: `<g opacity="...">` (group opacity) — set opacity on each child element individually
+9. Use `<polygon>` triangles instead of `<marker>` for arrows
+10. Use only system fonts and inline styles
+
+### PPT Compatibility Rules
+
+- Use overlay layers instead of image opacity
+- Define gradients using `<linearGradient>` inside `<defs>`
+- Use `rx`/`ry` attributes for rounded rectangles (post-processing converts to Path)
+
+---
+
+## XII. Placeholder Specification
+
+The template uses `{{PLACEHOLDER}}` format placeholders:
+
+| Placeholder         | Description              | Applicable Template |
+| ------------------- | ------------------------ | ------------------- |
+| `{{TITLE}}`         | Main title               | Cover               |
+| `{{SUBTITLE}}`      | Subtitle/overview        | Cover               |
+| `{{AUTHOR}}`        | Speaker/organization     | Cover               |
+| `{{DATE}}`          | Date                     | Cover               |
+| `{{CHAPTER_NUM}}`   | Chapter number           | Chapter page        |
+| `{{CHAPTER_TITLE}}` | Chapter title            | Chapter page        |
+| `{{CHAPTER_DESC}}`  | Chapter description      | Chapter page        |
+| `{{PAGE_TITLE}}`    | Page title               | Content page        |
+| `{{CONTENT_AREA}}`  | Content area identifier  | Content page        |
+| `{{SECTION_NAME}}`  | Section name (footer)    | Content page        |
+| `{{SOURCE}}`        | Data source (footer)     | Content page        |
+| `{{PAGE_NUM}}`      | Page number              | Content/ending page |
+| `{{THANK_YOU}}`     | Thank-you message        | Ending page         |
+| `{{ENDING_SUBTITLE}}` | Slogan/tagline         | Ending page         |
+| `{{CONTACT_INFO}}`  | Contact information      | Ending page         |
+| `{{COPYRIGHT}}`     | Copyright                | Ending page         |
+
+---
+
+## XIII. Usage Notes
+
+1. Copy this template directory to the project `templates/` directory
+2. Review `reference_style.svg` to understand the core visual style
+3. Select appropriate page templates based on content needs
+4. Mark content to be replaced using placeholders
+5. Generate final SVG through the Executor role
+6. For high-information-density pages, refer to the multi-module zoning layout in `reference_style.svg`
+
+---
+
+## XIV. Design Highlights
+
+- **Telecom DNA**: Derived from real telecom AI operations architecture reports, naturally suited for telecom/enterprise presentation styles
+- **High Information Density**: A single page can accommodate a complete architecture view (objectives → results → scenarios → orchestration → foundational capabilities)
+- **Red-Blue Dual-Color Hierarchy**: Red = core/emphasis/objectives, Blue = scenarios/modules/capabilities — clear visual hierarchy
+- **Number Badge System**: Red square numbers throughout create a "N Key Initiatives" visual narrative
+- **Three-Level Nested Zoning**: Dashed outer frame → category labels → feature cards for structured expression of complex architectures
+- **Metric Card Groups**: Compactly arranged KPI metrics with red-highlighted values for instant readability

package/skills/ppt-master/templates/layouts/ai_ops/reference_style.svg

@@ -0,0 +1,154 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720">
+  <!-- Background -->
+  <rect x="0" y="0" width="1280" height="720" fill="#ffffff" />
+  
+  <!-- Header -->
+  <rect x="30" y="20" width="10" height="40" fill="#C00000" />
+  <text x="50" y="55" font-family="Microsoft YaHei, sans-serif" font-size="36" font-weight="bold" fill="#C00000">1 公司运维AI建设总体视图</text>
+  
+  <!-- Subtitle -->
+  <rect x="30" y="80" width="1220" height="60" fill="#F2F2F2" />
+  <text x="640" y="105" font-family="Microsoft YaHei, sans-serif" font-size="16" font-weight="bold" fill="#000000" text-anchor="middle">
+    <tspan x="640" dy="0">聚焦用户故障压降，提升优化一键诊断能力，实现降本提质；深入系统架构具备一键故障定位；借助大数据核心网实现网络效能提升；通过能</tspan>
+    <tspan x="640" dy="25">力封装、跨域拉通、知识沉淀、智能编排、开放共享等五大举措，深化AI大模型应用，重塑故障诊断处置流程，做深做实1-5-10</tspan>
+  </text>
+  
+  <!-- Large Triangle Background (simplified to a polygon) -->
+  <polygon points="640,160 30,340 1250,340" fill="#F8CBAD" fill-opacity="0.3" stroke="none" />
+  
+  <!-- Target Bar -->
+  <rect x="300" y="160" width="680" height="40" fill="#C00000" rx="5" ry="5"/>
+  <text x="640" y="188" font-family="Microsoft YaHei, sans-serif" font-size="20" font-weight="bold" fill="#FFFFFF" text-anchor="middle">以故障双压降，快速定位故障问题为目标</text>
+
+  <!-- Metrics -->
+  <text x="50" y="240" font-family="Microsoft YaHei, sans-serif" font-size="20" font-weight="bold" fill="#C00000">成效</text>
+  
+  <rect x="120" y="215" width="140" height="35" fill="#FFFFFF" stroke="#F2F2F2" stroke-width="2" />
+  <text x="190" y="239" font-family="Microsoft YaHei, sans-serif" font-size="14" font-weight="bold" fill="#000000" text-anchor="middle">故障工单压降<tspan fill="#C00000">30%</tspan></text>
+  
+  <rect x="270" y="215" width="140" height="35" fill="#FFFFFF" stroke="#F2F2F2" stroke-width="2" />
+  <text x="340" y="239" font-family="Microsoft YaHei, sans-serif" font-size="14" font-weight="bold" fill="#000000" text-anchor="middle">IT订单自愈<tspan fill="#C00000">69w</tspan></text>
+  
+  <rect x="420" y="215" width="140" height="35" fill="#FFFFFF" stroke="#F2F2F2" stroke-width="2" />
+  <text x="490" y="239" font-family="Microsoft YaHei, sans-serif" font-size="14" font-weight="bold" fill="#000000" text-anchor="middle">自动化测试覆盖<tspan fill="#C00000">80%</tspan></text>
+  
+  <rect x="570" y="215" width="140" height="35" fill="#FFFFFF" stroke="#F2F2F2" stroke-width="2" />
+  <text x="640" y="239" font-family="Microsoft YaHei, sans-serif" font-size="14" font-weight="bold" fill="#000000" text-anchor="middle">系统监控覆盖<tspan fill="#C00000">100%</tspan></text>
+  
+  <rect x="720" y="215" width="140" height="35" fill="#FFFFFF" stroke="#F2F2F2" stroke-width="2" />
+  <text x="790" y="239" font-family="Microsoft YaHei, sans-serif" font-size="14" font-weight="bold" fill="#000000" text-anchor="middle">监控指标<tspan fill="#C00000">4000+</tspan></text>
+  
+  <rect x="870" y="215" width="140" height="35" fill="#FFFFFF" stroke="#F2F2F2" stroke-width="2" />
+  <text x="940" y="239" font-family="Microsoft YaHei, sans-serif" font-size="14" font-weight="bold" fill="#000000" text-anchor="middle">CMDB纳管<tspan fill="#C00000">7000+</tspan></text>
+  
+  <polygon points="1060,220 1080,225 1095,210 1105,230 1125,235 1110,245 1115,265 1095,255 1075,265 1085,245" fill="#C00000" />
+  <rect x="1130" y="210" width="120" height="50" fill="#FDF3EB" stroke="#C00000" stroke-width="2" />
+  <text x="1190" y="230" font-family="Microsoft YaHei, sans-serif" font-size="16" font-weight="bold" fill="#000000" text-anchor="middle">
+    <tspan x="1190" dy="0">节省运维成本</tspan>
+    <tspan x="1190" dy="20" fill="#C00000">150万</tspan>
+  </text>
+  
+  <!-- Scenarios -->
+  <text x="50" y="320" font-family="Microsoft YaHei, sans-serif" font-size="20" font-weight="bold" fill="#000000">应用</text>
+  <text x="50" y="345" font-family="Microsoft YaHei, sans-serif" font-size="20" font-weight="bold" fill="#000000">场景</text>
+  
+  <rect x="120" y="310" width="220" height="40" fill="#2E75B6" />
+  <text x="230" y="336" font-family="Microsoft YaHei, sans-serif" font-size="16" font-weight="bold" fill="#FFFFFF" text-anchor="middle">故障申告、故障定界定段</text>
+  
+  <rect x="360" y="310" width="220" height="40" fill="#2E75B6" />
+  <text x="470" y="336" font-family="Microsoft YaHei, sans-serif" font-size="16" font-weight="bold" fill="#FFFFFF" text-anchor="middle">RPA数字员工</text>
+  
+  <rect x="600" y="310" width="220" height="40" fill="#2E75B6" />
+  <text x="710" y="336" font-family="Microsoft YaHei, sans-serif" font-size="16" font-weight="bold" fill="#FFFFFF" text-anchor="middle">IT自动化运维</text>
+  
+  <rect x="840" y="310" width="220" height="40" fill="#2E75B6" />
+  <text x="950" y="336" font-family="Microsoft YaHei, sans-serif" font-size="16" font-weight="bold" fill="#FFFFFF" text-anchor="middle">系统故障快速定位诊断</text>
+  
+  <!-- Orchestration & Release Panel -->
+  <rect x="30" y="390" width="30" height="30" fill="#C00000" />
+  <text x="45" y="412" font-family="Microsoft YaHei, sans-serif" font-size="18" font-weight="bold" fill="#FFFFFF" text-anchor="middle">4</text>
+  <text x="50" y="460" font-family="Microsoft YaHei, sans-serif" font-size="20" font-weight="bold" fill="#000000">智能体</text>
+  <text x="50" y="485" font-family="Microsoft YaHei, sans-serif" font-size="20" font-weight="bold" fill="#000000">编排</text>
+  
+  <rect x="120" y="390" width="940" height="150" fill="none" stroke="#C00000" stroke-width="2" stroke-dasharray="5 5" />
+  <rect x="120" y="390" width="940" height="30" fill="#FDF3EB" />
+  <text x="590" y="412" font-family="Microsoft YaHei, sans-serif" font-size="16" font-weight="bold" fill="#000000" text-anchor="middle">持续迭代用户一键诊断智能体能力；引入RPA，针对固化场景实现RPA数字员工；建设系统故障诊断处置Agent</text>
+  
+  <rect x="140" y="440" width="280" height="90" fill="none" stroke="#2E75B6" stroke-width="1" stroke-dasharray="3 3"/>
+  <rect x="160" y="450" width="240" height="30" fill="#5B9BD5" />
+  <text x="280" y="471" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#FFFFFF" text-anchor="middle">网络：AI一键排障助手</text>
+  <rect x="160" y="490" width="240" height="30" fill="#5B9BD5" />
+  <text x="280" y="511" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#FFFFFF" text-anchor="middle">IT：AI一键查询助手</text>
+  
+  <rect x="440" y="440" width="280" height="90" fill="none" stroke="#C00000" stroke-width="1" stroke-dasharray="3 3"/>
+  <rect x="460" y="445" width="240" height="25" fill="#5B9BD5" />
+  <text x="580" y="462" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#FFFFFF" text-anchor="middle">NB工单自动化处理</text>
+  <rect x="460" y="475" width="240" height="25" fill="#5B9BD5" />
+  <text x="580" y="492" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#FFFFFF" text-anchor="middle">IT订单自愈</text>
+  <rect x="460" y="505" width="240" height="25" fill="#5B9BD5" />
+  <text x="580" y="522" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#FFFFFF" text-anchor="middle">IT自动化测试</text>
+  
+  <rect x="740" y="440" width="280" height="90" fill="none" stroke="#C00000" stroke-width="1" stroke-dasharray="3 3"/>
+  <rect x="760" y="445" width="240" height="25" fill="#5B9BD5" />
+  <text x="880" y="462" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#FFFFFF" text-anchor="middle">自动化巡检</text>
+  <rect x="760" y="475" width="240" height="25" fill="#5B9BD5" />
+  <text x="880" y="492" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#FFFFFF" text-anchor="middle">AI隐患排查助手</text>
+  <rect x="760" y="505" width="240" height="25" fill="#5B9BD5" />
+  <text x="880" y="522" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#FFFFFF" text-anchor="middle">AI系统诊断助手</text>
+  
+  <rect x="1080" y="390" width="160" height="300" fill="#FDF3EB" stroke="#F8CBAD" stroke-width="2" />
+  <text x="1130" y="420" font-family="Microsoft YaHei, sans-serif" font-size="20" font-weight="bold" fill="#000000">开放</text>
+  <rect x="1180" y="400" width="30" height="25" fill="#C00000" />
+  <text x="1195" y="419" font-family="Microsoft YaHei, sans-serif" font-size="18" font-weight="bold" fill="#FFFFFF" text-anchor="middle">5</text>
+  
+  <rect x="1100" y="440" width="120" height="40" fill="#E7E6E6" />
+  <text x="1160" y="465" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#000000" text-anchor="middle">统一监控运维平台</text>
+  <rect x="1100" y="490" width="120" height="40" fill="#E7E6E6" />
+  <text x="1160" y="515" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#000000" text-anchor="middle">一站服务中台</text>
+  <rect x="1100" y="540" width="120" height="40" fill="#E7E6E6" />
+  <text x="1160" y="565" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#000000" text-anchor="middle">物联网IT</text>
+  <rect x="1100" y="590" width="120" height="40" fill="#E7E6E6" />
+  <text x="1160" y="615" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#000000" text-anchor="middle">集同昆仑平台</text>
+  <rect x="1100" y="640" width="120" height="40" fill="#E7E6E6" />
+  <text x="1160" y="665" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#000000" text-anchor="middle">B客户推广</text>
+  
+  <!-- Base Capabilities -->
+  <text x="50" y="620" font-family="Microsoft YaHei, sans-serif" font-size="20" font-weight="bold" fill="#000000">基础</text>
+  <text x="50" y="645" font-family="Microsoft YaHei, sans-serif" font-size="20" font-weight="bold" fill="#000000">能力</text>
+  
+  <rect x="100" y="580" width="310" height="110" fill="none" stroke="#E7E6E6" stroke-width="2" />
+  <rect x="80" y="560" width="30" height="30" fill="#C00000" />
+  <text x="95" y="582" font-family="Microsoft YaHei, sans-serif" font-size="18" font-weight="bold" fill="#FFFFFF" text-anchor="middle">1</text>
+  <text x="255" y="595" font-family="Microsoft YaHei, sans-serif" font-size="14" font-weight="bold" fill="#000000" text-anchor="middle">梳理3大能力底座，做好场景清单化</text>
+  <line x1="120" y1="605" x2="390" y2="605" stroke="#000000" stroke-width="1" stroke-dasharray="2 2" />
+  <rect x="120" y="630" width="80" height="40" fill="#F2F2F2" stroke="#D9D9D9" stroke-width="1" />
+  <text x="160" y="655" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#000000" text-anchor="middle">核心网</text>
+  <rect x="210" y="630" width="80" height="40" fill="#F2F2F2" stroke="#D9D9D9" stroke-width="1" />
+  <text x="250" y="655" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#000000" text-anchor="middle">物联网IT</text>
+  <rect x="300" y="630" width="80" height="40" fill="#F2F2F2" stroke="#D9D9D9" stroke-width="1" />
+  <text x="340" y="655" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#000000" text-anchor="middle">物联网平台</text>
+  
+  <rect x="430" y="580" width="300" height="110" fill="none" stroke="#E7E6E6" stroke-width="2" />
+  <rect x="410" y="560" width="30" height="30" fill="#C00000" />
+  <text x="425" y="582" font-family="Microsoft YaHei, sans-serif" font-size="18" font-weight="bold" fill="#FFFFFF" text-anchor="middle">2</text>
+  <text x="580" y="595" font-family="Microsoft YaHei, sans-serif" font-size="14" font-weight="bold" fill="#000000" text-anchor="middle">利用数字员工实现日常固化场景自动化</text>
+  <line x1="450" y1="605" x2="710" y2="605" stroke="#000000" stroke-width="1" stroke-dasharray="2 2" />
+  <rect x="450" y="630" width="80" height="40" fill="#F2F2F2" stroke="#D9D9D9" stroke-width="1" />
+  <text x="490" y="655" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#000000" text-anchor="middle">场景设计</text>
+  <rect x="540" y="630" width="80" height="40" fill="#F2F2F2" stroke="#D9D9D9" stroke-width="1" />
+  <text x="580" y="655" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#000000" text-anchor="middle">机器人</text>
+  <rect x="630" y="630" width="80" height="40" fill="#F2F2F2" stroke="#D9D9D9" stroke-width="1" />
+  <text x="670" y="655" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#000000" text-anchor="middle">知识库</text>
+  
+  <rect x="750" y="580" width="300" height="110" fill="none" stroke="#E7E6E6" stroke-width="2" />
+  <rect x="730" y="560" width="30" height="30" fill="#C00000" />
+  <text x="745" y="582" font-family="Microsoft YaHei, sans-serif" font-size="18" font-weight="bold" fill="#FFFFFF" text-anchor="middle">3</text>
+  <text x="900" y="595" font-family="Microsoft YaHei, sans-serif" font-size="14" font-weight="bold" fill="#000000" text-anchor="middle">实现系统IPS三层监控全覆盖</text>
+  <line x1="770" y1="605" x2="1030" y2="605" stroke="#000000" stroke-width="1" stroke-dasharray="2 2" />
+  <rect x="770" y="630" width="80" height="40" fill="#F2F2F2" stroke="#D9D9D9" stroke-width="1" />
+  <text x="810" y="655" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#000000" text-anchor="middle">CMDB</text>
+  <rect x="860" y="630" width="80" height="40" fill="#F2F2F2" stroke="#D9D9D9" stroke-width="1" />
+  <text x="900" y="655" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#000000" text-anchor="middle">日志</text>
+  <rect x="950" y="630" width="80" height="40" fill="#F2F2F2" stroke="#D9D9D9" stroke-width="1" />
+  <text x="990" y="655" font-family="Microsoft YaHei, sans-serif" font-size="14" fill="#000000" text-anchor="middle">调用链</text>
+</svg>