codewave-openclaw-installer 1.0.2 → 2.1.0

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

@@ -0,0 +1,308 @@
+# Pixel Retro Style Template - Design Specification
+
+> Suitable for tech talks, programming tutorials, game-related presentations, geek-style content showcases, and similar scenarios.
+
+---
+
+## I. Template Overview
+
+| Property       | Description                                                |
+| -------------- | ---------------------------------------------------------- |
+| **Template Name** | pixel_retro (Pixel Retro Template)                      |
+| **Use Cases**  | Tech talks, programming tutorials, game introductions, geek-style showcases |
+| **Design Tone** | Retro gaming, neon cyberpunk, geek tech, 8-bit style      |
+| **Theme Mode** | Dark theme (deep space black background + neon accents)    |
+
+---
+
+## II. Canvas Specification
+
+| Property       | Value                         |
+| -------------- | ----------------------------- |
+| **Format**     | Standard 16:9                 |
+| **Dimensions** | 1280 × 720 px                |
+| **viewBox**    | `0 0 1280 720`                |
+| **Page Margins** | Left/Right 60px, Top 50px, Bottom 40px |
+| **Safe Area**  | x: 60-1220, y: 50-680         |
+
+---
+
+## III. Color Scheme
+
+### Background Colors
+
+| Role           | Value       | Notes                            |
+| -------------- | ----------- | -------------------------------- |
+| **Deep Space Black** | `#0D1117` | Main background color          |
+| **Starry Night Blue** | `#161B22` | Card/block background         |
+| **Dark Border** | `#30363D`  | Borders/dividers                 |
+
+### Accent Colors (Neon Series)
+
+| Role           | Value       | Usage                            |
+| -------------- | ----------- | -------------------------------- |
+| **Neon Green** | `#39FF14`   | Primary accent, success, save points, Git |
+| **Cyber Pink** | `#FF2E97`   | Secondary accent, warnings, contrast, GitHub |
+| **Electric Blue** | `#00D4FF` | Tertiary accent, links, info, flows |
+| **Gold Yellow** | `#FFD700`  | Quaternary accent, history, timelines, highlights |
+
+### Auxiliary Colors
+
+| Role           | Value       | Usage                            |
+| -------------- | ----------- | -------------------------------- |
+| **Dark Green** | `#238636`   | Muted version of success state   |
+| **Dark Pink**  | `#8B2252`   | Muted pink                       |
+| **Dark Blue**  | `#1F6FEB`   | Muted blue                       |
+
+### Text Colors
+
+| Role           | Value       | Usage                  |
+| -------------- | ----------- | ---------------------- |
+| **Moonlight White** | `#E6EDF3` | Primary text         |
+| **Mist Gray**  | `#8B949E`   | Secondary descriptive text |
+| **Pure White** | `#FFFFFF`   | Emphasized titles      |
+
+---
+
+## IV. Typography System
+
+### Font Stack
+
+**Title Font**: `"Consolas", "Monaco", "Courier New", monospace` - Pixel/code aesthetic
+
+**Body Font**: `-apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif`
+
+**Code Font**: `"Cascadia Code", "Fira Code", "Consolas", monospace`
+
+### Font Size Hierarchy
+
+| Level | Usage              | Size | Weight  |
+| ----- | ------------------ | ---- | ------- |
+| H1    | Cover main title   | 52px | Bold    |
+| H2    | Page heading       | 36px | Bold    |
+| H3    | Section title/Subtitle | 22px | 600  |
+| P     | Body content       | 18px | Regular |
+| High  | Highlighted data   | 48px | Bold    |
+| Sub   | Supplementary text | 14px | Regular |
+| Code  | Code text          | 16px | Regular |
+
+---
+
+## V. Page Structure
+
+### General Layout
+
+| Area       | Position/Height | Description                            |
+| ---------- | --------------- | -------------------------------------- |
+| **Top**    | y=0, h=4-6px    | Neon green decoration line (dual-line effect) |
+| **Title Area** | y=50, h=70px | Page title + English subtitle         |
+| **Content Area** | y=130, h=510px | Main content area                  |
+| **Footer** | y=680, h=40px   | Page number, decoration line, progress indicator |
+
+### Decorative Elements
+
+- **Top Decoration Line**: Neon green dual lines (main line 4px + auxiliary line 2px)
+- **Bottom Decoration Line**: Neon green dual lines (auxiliary line 4px + main line 4px)
+- **Pixel Blocks**: Corner decorations with decreasing opacity (100% → 60% → 30%)
+- **Scanline Grid**: Optional low-opacity background grid lines
+
+---
+
+## VI. Page Types
+
+### 1. Cover Page (01_cover.svg)
+
+- Deep space black background
+- Top/bottom neon decoration lines
+- Pixel-style console graphic (optional)
+- Main title (neon green glow effect)
+- Subtitle (moonlight white)
+- Function button group (horizontal layout)
+- Bottom prompt text (e.g., "PRESS START")
+
+### 2. Table of Contents (02_toc.svg)
+
+- Deep space black background
+- Standard top decoration
+- Chapter list (with importance labels)
+  - Red: Essential / Must-learn
+  - Yellow: Recommended
+  - Green: Optional
+- Pixel-style list design
+
+### 3. Chapter Page (02_chapter.svg)
+
+- Deep space black background
+- Full-screen neon effect
+- Large chapter number (glow effect)
+- Chapter title + English subtitle
+- Pixel-style decorative frame
+
+### 4. Content Page (03_content.svg)
+
+- Deep space black background
+- Standard top decoration
+- Page title (neon green + glow)
+- English subtitle (mist gray)
+- **Fully open content area** (y=140 to y=670, width 1160px)
+- Bottom page number
+
+> **Design Principle**: The content page template only provides the page frame (title area + footer). The content area is freely designed by the Executor based on actual content. Available layouts include but are not limited to: cards, progress bars, tables, timelines, comparison charts, etc.
+
+### 5. Ending Page (04_ending.svg)
+
+- Deep space black background
+- Neon glow main title
+- Summary card group
+- "GAME SAVED" visual effect
+- Progress button group
+
+---
+
+## VII. Layout Modes
+
+| Mode               | Use Cases                      |
+| ------------------ | ------------------------------ |
+| **Single Column Centered** | Cover, closing, key points |
+| **Two Columns (5:5)** | Comparative display (e.g., Git vs GitHub) |
+| **Dual-Column Cards** | Feature lists, trait comparisons |
+| **Three-Column Cards** | Key takeaways, project lists |
+| **Progress Bar Display** | Data statistics, usage rates |
+| **Timeline**       | History, processes, workflows  |
+
+---
+
+## VIII. Spacing Guidelines
+
+| Element          | Value  |
+| ---------------- | ------ |
+| Card spacing     | 20-30px |
+| Content block spacing | 30px |
+| Card padding     | 20-24px |
+| Card border radius | 0px (blocky feel) or 4px |
+| Border width     | 2-3px  |
+| Icon-to-text gap | 12px   |
+
+---
+
+## IX. Visual Effects
+
+### Pixel Style Characteristics
+
+- Blocky icons and decorations
+- Use block characters such as: full block, dark shade, light shade, upper half, lower half, small black/white squares for decoration
+- Progress bars filled with blocks
+- Borders use double lines or dotted patterns
+- Card corners with pixel decoration blocks
+
+### Neon Glow Effect
+
+Apply glow filters to key text/elements:
+
+```xml
+<defs>
+  <filter id="glowGreen" x="-50%" y="-50%" width="200%" height="200%">
+    <feGaussianBlur stdDeviation="3-4" result="blur" />
+    <feMerge>
+      <feMergeNode in="blur" />
+      <feMergeNode in="SourceGraphic" />
+    </feMerge>
+  </filter>
+</defs>
+
+<!-- Usage -->
+<text filter="url(#glowGreen)" fill="#39FF14">Glowing Text</text>
+```
+
+> **Note**: `filter` effects are typically ignored in PPT, but render well in SVG-compatible viewers.
+
+### Emoji Usage
+
+- 🎮 Game/Save
+- 💾 Save
+- 🔀 Branch/Merge
+- 📁 Folder
+- 📝 Document
+- 🚀 Release
+- ⏪ Revert
+- 👾 Developer
+- 🌐 Network/Cloud
+- ✅ Confirm/Success
+- 🎯 Target/Key Point
+- 🤔 Question/Thinking
+
+---
+
+## X. SVG Technical Constraints
+
+### Mandatory Rules
+
+1. viewBox: `0 0 1280 720`
+2. Use `<rect>` elements for backgrounds
+3. Use `<tspan>` for text wrapping (no `<foreignObject>`)
+4. Use `fill-opacity` / `stroke-opacity` for transparency; `rgba()` is prohibited
+5. Prohibited: `clipPath`, `mask`, `<style>`, `class`, `foreignObject`
+6. Prohibited: `textPath`, `animate*`, `script`, `marker`/`marker-end`
+7. Use `<polygon>` triangles instead of `<marker>` for arrows
+
+### PPT Compatibility Rules
+
+- No `<g opacity="...">` (group opacity); set opacity on each child element individually
+- Use overlay layers instead of image opacity
+- Use inline styles only; external CSS and `@font-face` are prohibited
+- `filter` effects serve as enhancements (allowed) and do not affect baseline display
+
+---
+
+## XI. Placeholder Specification
+
+Templates use `{{PLACEHOLDER}}` format placeholders. Common placeholders:
+
+| Placeholder        | Description        |
+| ------------------ | ------------------ |
+| `{{TITLE}}`        | Main title         |
+| `{{SUBTITLE}}`     | Subtitle           |
+| `{{AUTHOR}}`       | Author/Organization |
+| `{{PAGE_TITLE}}`   | Page title         |
+| `{{PAGE_TITLE_EN}}`| Page title (English) |
+| `{{CONTENT_AREA}}` | Flexible content area |
+| `{{CHAPTER_NUM}}`  | Chapter number     |
+| `{{PAGE_NUM}}`     | Page number        |
+| `{{TOTAL_PAGES}}`  | Total page count   |
+| `{{VERSION}}`      | Version number     |
+| `{{TOC_ITEM_N_TITLE}}` | TOC item title |
+| `{{THANK_YOU}}`    | Thank-you message  |
+| `{{CONTACT_INFO}}` | Primary contact info |
+
+---
+
+## XII. Usage Instructions
+
+1. Copy the template to the project `templates/` directory
+2. Select the appropriate page template based on content requirements
+3. Mark content to be replaced using placeholders
+4. Generate the final SVG through the Executor role
+5. Define glow effects using `filter` (within `<defs>`)
+6. Maintain consistency of the neon color scheme
+
+---
+
+## XIII. Color Quick Reference
+
+```
+Background Layer:
+  Main background    #0D1117  Deep Space Black
+  Card background    #161B22  Starry Night Blue
+  Borders            #30363D  Dark Border
+
+Accent Colors (use in order):
+  Primary accent     #39FF14  Neon Green
+  Secondary accent   #FF2E97  Cyber Pink
+  Tertiary accent    #00D4FF  Electric Blue
+  Quaternary accent  #FFD700  Gold Yellow
+
+Text:
+  Primary text       #E6EDF3  Moonlight White
+  Secondary text     #8B949E  Mist Gray
+  Emphasis text      #FFFFFF  Pure White
+```

package/skills/ppt-master/templates/layouts/psychology_attachment/01_cover.svg

@@ -0,0 +1,78 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720">
+    <defs>
+        <linearGradient id="coverGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+            <stop offset="0%" style="stop-color:#1E3A5F" />
+            <stop offset="50%" style="stop-color:#2E5C8E" />
+            <stop offset="100%" style="stop-color:#3D8B7A" />
+        </linearGradient>
+    </defs>
+
+    <!-- 背景渐变 -->
+    <rect width="1280" height="720" fill="url(#coverGradient)" />
+
+    <!-- 可选：背景图片（使用时替换 {{COVER_BG_IMAGE}}） -->
+    <!-- 如需弱化图片，请改用叠加蒙层，不要直接设置 <image opacity> -->
+
+    <!-- 装饰圆形 -->
+    <circle cx="1100" cy="150" r="200" fill="none" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.1" />
+    <circle cx="1100" cy="150" r="150" fill="none" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.1" />
+    <circle cx="1100" cy="150" r="100" fill="none" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.1" />
+    <circle cx="180" cy="600" r="120" fill="none" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.1" />
+    <circle cx="180" cy="600" r="80" fill="none" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.1" />
+
+    <!-- 装饰斜线 -->
+    <line x1="0" y1="200" x2="300" y2="350" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.15" />
+    <line x1="0" y1="250" x2="250" y2="400" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.15" />
+    <line x1="980" y1="720" x2="1280" y2="520" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.15" />
+    <line x1="1030" y1="720" x2="1280" y2="570" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.15" />
+
+    <!-- 主标题 -->
+    <text x="640" y="280" font-family="PingFang SC, Microsoft YaHei, sans-serif" font-size="52" font-weight="bold"
+        fill="#FFFFFF" text-anchor="middle">
+        {{TITLE}}
+    </text>
+
+    <!-- 副标题 -->
+    <text x="640" y="340" font-family="PingFang SC, Microsoft YaHei, sans-serif" font-size="28" fill="#E5E7EB"
+        text-anchor="middle">
+        {{SUBTITLE}}
+    </text>
+
+    <!-- 英文标题 -->
+    <text x="640" y="385" font-family="system-ui, sans-serif" font-size="20" fill="#94A3B8" text-anchor="middle">
+        {{TITLE_EN}}
+    </text>
+
+    <!-- 装饰线 -->
+    <rect x="540" y="410" width="200" height="3" rx="1.5" fill="#E07843" />
+
+    <!-- 引言卡片 -->
+    <rect x="240" y="460" width="800" height="100" rx="12" fill="#FFFFFF" fill-opacity="0.1" />
+    <rect x="240" y="460" width="4" height="100" rx="2" fill="#3D8B7A" />
+
+    <text x="270" y="500" font-family="PingFang SC, Microsoft YaHei, sans-serif" font-size="18" fill="#E5E7EB"
+        font-style="italic">
+        "{{QUOTE}}"
+    </text>
+    <text x="270" y="535" font-family="system-ui, sans-serif" font-size="14" fill="#94A3B8">
+        —— {{QUOTE_AUTHOR}}
+    </text>
+
+    <!-- 关键词标签 -->
+    <g font-family="PingFang SC, Microsoft YaHei, sans-serif" font-size="14" fill="#CBD5E1">
+        <rect x="420" y="590" width="80" height="28" rx="14" fill="#FFFFFF" fill-opacity="0.1" />
+        <text x="460" y="609" text-anchor="middle">{{TAG_1}}</text>
+
+        <rect x="520" y="590" width="80" height="28" rx="14" fill="#FFFFFF" fill-opacity="0.1" />
+        <text x="560" y="609" text-anchor="middle">{{TAG_2}}</text>
+
+        <rect x="620" y="590" width="80" height="28" rx="14" fill="#FFFFFF" fill-opacity="0.1" />
+        <text x="660" y="609" text-anchor="middle">{{TAG_3}}</text>
+
+        <rect x="720" y="590" width="100" height="28" rx="14" fill="#FFFFFF" fill-opacity="0.1" />
+        <text x="770" y="609" text-anchor="middle">{{TAG_4}}</text>
+    </g>
+
+    <!-- 页码 -->
+    <text x="1220" y="685" font-family="system-ui, sans-serif" font-size="14" fill="#64748B" text-anchor="end">01</text>
+</svg>

package/skills/ppt-master/templates/layouts/psychology_attachment/02_chapter.svg

@@ -0,0 +1,82 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720">
+    <defs>
+        <linearGradient id="chapterGradient" x1="0%" y1="0%" x2="100%" y2="100%">
+            <stop offset="0%" style="stop-color:#2E5C8E" />
+            <stop offset="100%" style="stop-color:#1E3A5F" />
+        </linearGradient>
+    </defs>
+
+    <!-- 背景渐变 -->
+    <rect width="1280" height="720" fill="url(#chapterGradient)" />
+
+    <!-- 装饰同心圆 -->
+    <circle cx="1100" cy="150" r="200" fill="none" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.1" />
+    <circle cx="1100" cy="150" r="150" fill="none" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.1" />
+    <circle cx="1100" cy="150" r="100" fill="none" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.1" />
+    <circle cx="180" cy="600" r="120" fill="none" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.1" />
+    <circle cx="180" cy="600" r="80" fill="none" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.1" />
+
+    <!-- 装饰斜线 -->
+    <line x1="0" y1="200" x2="300" y2="350" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.2" />
+    <line x1="0" y1="250" x2="250" y2="400" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.2" />
+    <line x1="980" y1="720" x2="1280" y2="520" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.2" />
+    <line x1="1030" y1="720" x2="1280" y2="570" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.2" />
+
+    <!-- 大号章节编号（背景） -->
+    <text x="640" y="220" font-family="system-ui, sans-serif" font-size="120" font-weight="bold" fill="#FFFFFF"
+        fill-opacity="0.15" text-anchor="middle">
+        {{CHAPTER_NUM}}
+    </text>
+
+    <!-- 章节标签 -->
+    <rect x="560" y="280" width="160" height="40" rx="20" fill="#FFFFFF" fill-opacity="0.2" />
+    <text x="640" y="307" font-family="PingFang SC, Microsoft YaHei, sans-serif" font-size="16" fill="#FFFFFF"
+        text-anchor="middle">
+        CHAPTER {{CHAPTER_NUM}}
+    </text>
+
+    <!-- 章节标题 -->
+    <text x="640" y="390" font-family="PingFang SC, Microsoft YaHei, sans-serif" font-size="48" font-weight="bold"
+        fill="#FFFFFF" text-anchor="middle">
+        {{CHAPTER_TITLE}}
+    </text>
+
+    <!-- 英文副标题 -->
+    <text x="640" y="440" font-family="system-ui, sans-serif" font-size="24" fill="#94A3B8" text-anchor="middle">
+        {{CHAPTER_EN}}
+    </text>
+
+    <!-- 装饰线 -->
+    <rect x="540" y="470" width="200" height="3" rx="1.5" fill="#E07843" />
+
+    <!-- 引言卡片 -->
+    <rect x="240" y="510" width="800" height="100" rx="12" fill="#FFFFFF" fill-opacity="0.1" />
+    <rect x="240" y="510" width="4" height="100" rx="2" fill="#3D8B7A" />
+
+    <text x="270" y="550" font-family="PingFang SC, Microsoft YaHei, sans-serif" font-size="18" fill="#E5E7EB"
+        font-style="italic">
+        "{{QUOTE}}"
+    </text>
+    <text x="270" y="585" font-family="system-ui, sans-serif" font-size="14" fill="#94A3B8">
+        —— {{QUOTE_AUTHOR}}
+    </text>
+
+    <!-- 关键词标签 -->
+    <g font-family="PingFang SC, Microsoft YaHei, sans-serif" font-size="14" fill="#CBD5E1">
+        <rect x="390" y="640" width="100" height="28" rx="14" fill="#FFFFFF" fill-opacity="0.1" />
+        <text x="440" y="659" text-anchor="middle">{{TAG_1}}</text>
+
+        <rect x="510" y="640" width="80" height="28" rx="14" fill="#FFFFFF" fill-opacity="0.1" />
+        <text x="550" y="659" text-anchor="middle">{{TAG_2}}</text>
+
+        <rect x="610" y="640" width="100" height="28" rx="14" fill="#FFFFFF" fill-opacity="0.1" />
+        <text x="660" y="659" text-anchor="middle">{{TAG_3}}</text>
+
+        <rect x="730" y="640" width="120" height="28" rx="14" fill="#FFFFFF" fill-opacity="0.1" />
+        <text x="790" y="659" text-anchor="middle">{{TAG_4}}</text>
+    </g>
+
+    <!-- 页码 -->
+    <text x="1220" y="685" font-family="system-ui, sans-serif" font-size="14" fill="#64748B"
+        text-anchor="end">{{PAGE_NUM}}</text>
+</svg>

package/skills/ppt-master/templates/layouts/psychology_attachment/02_toc.svg

@@ -0,0 +1,115 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720">
+    <!-- 背景 -->
+    <rect width="1280" height="720" fill="#F8FAFC" />
+
+    <!-- 左侧装饰条 -->
+    <rect x="0" y="0" width="8" height="720" fill="#2E5C8E" />
+
+    <!-- 标题 -->
+    <text x="60" y="80" font-family="PingFang SC, Microsoft YaHei, sans-serif" font-size="32" font-weight="bold"
+        fill="#1E293B">
+        内容概览
+    </text>
+    <text x="60" y="110" font-family="system-ui, sans-serif" font-size="16" fill="#64748B">
+        Contents Overview
+    </text>
+
+    <!-- 分隔线 -->
+    <line x1="60" y1="130" x2="400" y2="130" stroke="#E5E7EB" stroke-width="2" />
+
+    <!-- 章节列表 -->
+    <g font-family="PingFang SC, Microsoft YaHei, sans-serif">
+        <!-- 章节1 -->
+        <g transform="translate(60, 170)">
+            <path fill="#2E5C8E"
+                d="M8,0 H42 A8,8 0 0 1 50,8 V42 A8,8 0 0 1 42,50 H8 A8,8 0 0 1 0,42 V8 A8,8 0 0 1 8,0 Z" />
+            <text x="25" y="33" font-size="20" font-weight="bold" fill="#FFFFFF" text-anchor="middle">Ⅰ</text>
+            <text x="70" y="22" font-size="20" font-weight="600" fill="#1E293B">{{TOC_ITEM_1_TITLE}}</text>
+            <text x="70" y="44" font-size="14" fill="#64748B">{{TOC_ITEM_1_DESC}}</text>
+        </g>
+
+        <!-- 章节2 -->
+        <g transform="translate(60, 250)">
+            <path fill="#3D8B7A"
+                d="M8,0 H42 A8,8 0 0 1 50,8 V42 A8,8 0 0 1 42,50 H8 A8,8 0 0 1 0,42 V8 A8,8 0 0 1 8,0 Z" />
+            <text x="25" y="33" font-size="20" font-weight="bold" fill="#FFFFFF" text-anchor="middle">Ⅱ</text>
+            <text x="70" y="22" font-size="20" font-weight="600" fill="#1E293B">{{TOC_ITEM_2_TITLE}}</text>
+            <text x="70" y="44" font-size="14" fill="#64748B">{{TOC_ITEM_2_DESC}}</text>
+        </g>
+
+        <!-- 章节3 -->
+        <g transform="translate(60, 330)">
+            <path fill="#E07843"
+                d="M8,0 H42 A8,8 0 0 1 50,8 V42 A8,8 0 0 1 42,50 H8 A8,8 0 0 1 0,42 V8 A8,8 0 0 1 8,0 Z" />
+            <text x="25" y="33" font-size="20" font-weight="bold" fill="#FFFFFF" text-anchor="middle">Ⅲ</text>
+            <text x="70" y="22" font-size="20" font-weight="600" fill="#1E293B">{{TOC_ITEM_3_TITLE}}</text>
+            <text x="70" y="44" font-size="14" fill="#64748B">{{TOC_ITEM_3_DESC}}</text>
+        </g>
+
+        <!-- 章节4 -->
+        <g transform="translate(60, 410)">
+            <path fill="#64748B"
+                d="M8,0 H42 A8,8 0 0 1 50,8 V42 A8,8 0 0 1 42,50 H8 A8,8 0 0 1 0,42 V8 A8,8 0 0 1 8,0 Z" />
+            <text x="25" y="33" font-size="20" font-weight="bold" fill="#FFFFFF" text-anchor="middle">Ⅳ</text>
+            <text x="70" y="22" font-size="20" font-weight="600" fill="#1E293B">{{TOC_ITEM_4_TITLE}}</text>
+            <text x="70" y="44" font-size="14" fill="#64748B">{{TOC_ITEM_4_DESC}}</text>
+        </g>
+
+        <!-- 章节5 -->
+        <g transform="translate(60, 490)">
+            <path fill="#B54545"
+                d="M8,0 H42 A8,8 0 0 1 50,8 V42 A8,8 0 0 1 42,50 H8 A8,8 0 0 1 0,42 V8 A8,8 0 0 1 8,0 Z" />
+            <text x="25" y="33" font-size="20" font-weight="bold" fill="#FFFFFF" text-anchor="middle">Ⅴ</text>
+            <text x="70" y="22" font-size="20" font-weight="600" fill="#1E293B">{{TOC_ITEM_5_TITLE}}</text>
+            <text x="70" y="44" font-size="14" fill="#64748B">{{TOC_ITEM_5_DESC}}</text>
+        </g>
+    </g>
+
+    <!-- 中间分隔线 -->
+    <line x1="620" y1="150" x2="620" y2="600" stroke="#E5E7EB" stroke-width="1" stroke-dasharray="6,4" />
+
+    <!-- 右侧学习目标卡片 -->
+    <g transform="translate(680, 170)" font-family="PingFang SC, Microsoft YaHei, sans-serif">
+        <text x="0" y="0" font-size="18" font-weight="600" fill="#2E5C8E">
+            📎 学习目标
+        </text>
+
+        <!-- 卡片背景 -->
+        <rect x="0" y="20" width="520" height="420" rx="12" fill="#FFFFFF" stroke="#E5E7EB" stroke-width="1" />
+
+        <!-- 目标1 -->
+        <g transform="translate(30, 60)">
+            <circle cx="8" cy="8" r="8" fill="#3D8B7A" />
+            <text x="8" y="12" font-size="12" fill="#FFFFFF" text-anchor="middle">1</text>
+            <text x="30" y="12" font-size="17" fill="#374151">{{GOAL_1}}</text>
+            <text x="30" y="38" font-size="14" fill="#6B7280">{{GOAL_1_DESC}}</text>
+        </g>
+
+        <!-- 目标2 -->
+        <g transform="translate(30, 130)">
+            <circle cx="8" cy="8" r="8" fill="#3D8B7A" />
+            <text x="8" y="12" font-size="12" fill="#FFFFFF" text-anchor="middle">2</text>
+            <text x="30" y="12" font-size="17" fill="#374151">{{GOAL_2}}</text>
+            <text x="30" y="38" font-size="14" fill="#6B7280">{{GOAL_2_DESC}}</text>
+        </g>
+
+        <!-- 目标3 -->
+        <g transform="translate(30, 200)">
+            <circle cx="8" cy="8" r="8" fill="#3D8B7A" />
+            <text x="8" y="12" font-size="12" fill="#FFFFFF" text-anchor="middle">3</text>
+            <text x="30" y="12" font-size="17" fill="#374151">{{GOAL_3}}</text>
+            <text x="30" y="38" font-size="14" fill="#6B7280">{{GOAL_3_DESC}}</text>
+        </g>
+
+        <!-- 目标4 -->
+        <g transform="translate(30, 270)">
+            <circle cx="8" cy="8" r="8" fill="#3D8B7A" />
+            <text x="8" y="12" font-size="12" fill="#FFFFFF" text-anchor="middle">4</text>
+            <text x="30" y="12" font-size="17" fill="#374151">{{GOAL_4}}</text>
+            <text x="30" y="38" font-size="14" fill="#6B7280">{{GOAL_4_DESC}}</text>
+        </g>
+    </g>
+
+    <!-- 页码 -->
+    <text x="1220" y="685" font-family="system-ui, sans-serif" font-size="14" fill="#9CA3AF" text-anchor="end">02</text>
+</svg>

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

@@ -0,0 +1,41 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720">
+    <!-- 背景 -->
+    <rect width="1280" height="720" fill="#F8FAFC" />
+
+    <!-- 左侧装饰条 -->
+    <rect x="0" y="0" width="8" height="720" fill="#2E5C8E" />
+
+    <!-- 标题区域 -->
+    <text x="60" y="75" font-family="PingFang SC, Microsoft YaHei, sans-serif" font-size="28" font-weight="bold"
+        fill="#1E293B">
+        {{PAGE_TITLE}}
+    </text>
+    <text x="60" y="105" font-family="system-ui, sans-serif" font-size="16" fill="#64748B">
+        {{TITLE_EN}}
+    </text>
+
+    <!-- 分隔线 -->
+    <line x1="60" y1="125" x2="500" y2="125" stroke="#E5E7EB" stroke-width="2" />
+
+    <!-- ==================== 内容区域 ==================== -->
+    <!-- 
+    AI 灵活布局区
+    可用空间: x=60, y=140, width=1180, height=490
+    请根据实际内容选择合适的布局模式：
+    - 三栏并列（每栏 360px + 间距 40px）
+    - 左右分栏（左 560px + 间距 60px + 右 580px）
+    - 垂直堆叠（层级结构）
+    - 四格对比（依恋类型）
+    - 单栏居中
+  -->
+    <rect x="60" y="140" width="1180" height="490" fill="none" stroke="#E5E7EB" stroke-width="1" stroke-dasharray="8,4"
+        rx="8" />
+    <text x="650" y="390" text-anchor="middle" fill="#CBD5E1" font-family="PingFang SC, Microsoft YaHei, sans-serif"
+        font-size="14">
+        {{CONTENT_AREA}}
+    </text>
+
+    <!-- 页码 -->
+    <text x="1220" y="700" font-family="system-ui, sans-serif" font-size="14" fill="#9CA3AF"
+        text-anchor="end">{{PAGE_NUM}}</text>
+</svg>