codewave-openclaw-installer 1.0.2 → 2.1.0

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

@@ -0,0 +1,76 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720">
+    <!-- 模板: 章节页 - 麦肯锡风格 (精装版) -->
+    
+    <defs>
+        <!-- 背景渐变 -->
+        <linearGradient id="bgGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+            <stop offset="0%" style="stop-color:#005587"/>
+            <stop offset="50%" style="stop-color:#004A75"/>
+            <stop offset="100%" style="stop-color:#003A5C"/>
+        </linearGradient>
+        <!-- 光晕效果 -->
+        <radialGradient id="glowGrad" cx="50%" cy="50%" r="50%">
+            <stop offset="0%" style="stop-color:#FFFFFF;stop-opacity:0.08"/>
+            <stop offset="100%" style="stop-color:#FFFFFF;stop-opacity:0"/>
+        </radialGradient>
+    </defs>
+    
+    <!-- 渐变背景 -->
+    <rect width="1280" height="720" fill="url(#bgGrad)"/>
+
+    <!-- 装饰网格线 -->
+    <line x1="0" y1="180" x2="1280" y2="180" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.03"/>
+    <line x1="0" y1="360" x2="1280" y2="360" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.03"/>
+    <line x1="0" y1="540" x2="1280" y2="540" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.03"/>
+    <line x1="320" y1="0" x2="320" y2="720" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.03"/>
+    <line x1="640" y1="0" x2="640" y2="720" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.03"/>
+    <line x1="960" y1="0" x2="960" y2="720" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.03"/>
+
+    <!-- 装饰圆形 -->
+    <circle cx="1100" cy="120" r="180" fill="url(#glowGrad)"/>
+    <circle cx="180" cy="600" r="220" fill="url(#glowGrad)"/>
+    
+    <!-- 装饰几何 -->
+    <rect x="1050" y="450" width="150" height="150" fill="#FFFFFF" fill-opacity="0.02" rx="4"/>
+    <rect x="80" y="100" width="100" height="100" fill="#FFFFFF" fill-opacity="0.02" rx="4"/>
+
+    <!-- 左侧金色装饰线 -->
+    <rect x="60" y="280" width="5" height="160" fill="#F5A623"/>
+
+    <!-- 章节编号背景 -->
+    <text x="640" y="320" text-anchor="middle" font-family="Arial, sans-serif" font-size="280" font-weight="bold" fill="#FFFFFF" fill-opacity="0.05">
+        {{CHAPTER_NUM}}
+    </text>
+
+    <!-- 章节编号前缀 -->
+    <text x="640" y="300" text-anchor="middle" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#F5A623" letter-spacing="4">
+        SECTION {{CHAPTER_NUM}}
+    </text>
+
+    <!-- 装饰横线组 -->
+    <line x1="500" y1="340" x2="620" y2="340" stroke="#FFFFFF" stroke-width="2" stroke-opacity="0.4"/>
+    <line x1="660" y1="340" x2="780" y2="340" stroke="#FFFFFF" stroke-width="2" stroke-opacity="0.4"/>
+    <circle cx="640" cy="340" r="6" fill="#F5A623"/>
+
+    <!-- 章节标题 -->
+    <text x="640" y="420" text-anchor="middle" font-family="Arial, sans-serif" font-size="48" font-weight="bold" fill="#FFFFFF" letter-spacing="1">
+        {{CHAPTER_TITLE}}
+    </text>
+
+    <!-- 章节副标题 -->
+    <text x="640" y="475" text-anchor="middle" font-family="Arial, sans-serif" font-size="20" fill="#FFFFFF" fill-opacity="0.65" letter-spacing="0.5">
+        {{CHAPTER_DESC}}
+    </text>
+
+    <!-- 底部装饰条 -->
+    <rect x="0" y="680" width="1280" height="40" fill="#FFFFFF" fill-opacity="0.05"/>
+    <line x1="0" y1="680" x2="1280" y2="680" stroke="#FFFFFF" stroke-width="1" stroke-opacity="0.1"/>
+
+    <!-- 页码 -->
+    <text x="60" y="705" font-family="Arial, sans-serif" font-size="14" fill="#FFFFFF" fill-opacity="0.5">{{PAGE_NUM}}</text>
+    
+    <!-- 项目标识 -->
+    <text x="1220" y="705" text-anchor="end" font-family="Arial, sans-serif" font-size="12" fill="#FFFFFF" fill-opacity="0.4" letter-spacing="1">{{PROJECT_CODE}}</text>
+
+</svg>

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

@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720">
+    <!-- 模板: 目录页 - 麦肯锡风格 (精装版) -->
+    
+    <defs>
+        <linearGradient id="headerGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+            <stop offset="0%" style="stop-color:#005587"/>
+            <stop offset="100%" style="stop-color:#0076A8"/>
+        </linearGradient>
+    </defs>
+    
+    <!-- 白色背景 -->
+    <rect width="1280" height="720" fill="#FFFFFF"/>
+
+    <!-- 顶部渐变装饰条 -->
+    <rect x="0" y="0" width="1280" height="6" fill="url(#headerGrad)"/>
+
+    <!-- 页面标题区 -->
+    <text x="60" y="75" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#005587" letter-spacing="3">CONTENTS</text>
+    <text x="60" y="115" font-family="Arial, sans-serif" font-size="40" font-weight="bold" fill="#2C3E50">Agenda</text>
+    <line x1="60" y1="135" x2="160" y2="135" stroke="#005587" stroke-width="4"/>
+    <line x1="165" y1="135" x2="220" y2="135" stroke="#F5A623" stroke-width="4"/>
+
+    <!-- 目录卡片区域 -->
+    <!-- 第1章 -->
+    <g>
+        <rect x="60" y="170" width="560" height="110" fill="#FFFFFF" stroke="#E5E7EB" stroke-width="1.5" rx="6"/>
+        <rect x="60" y="170" width="6" height="110" fill="#005587" rx="3"/>
+        <rect x="80" y="190" width="60" height="60" fill="#005587" fill-opacity="0.08" rx="4"/>
+        <text x="110" y="232" text-anchor="middle" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#005587">01</text>
+        <text x="165" y="218" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#2C3E50">{{TOC_ITEM_1_TITLE}}</text>
+        <text x="165" y="248" font-family="Arial, sans-serif" font-size="14" fill="#5D6D7E">{{TOC_ITEM_1_DESC}}</text>
+    </g>
+
+    <!-- 第2章 -->
+    <g>
+        <rect x="660" y="170" width="560" height="110" fill="#FFFFFF" stroke="#E5E7EB" stroke-width="1.5" rx="6"/>
+        <rect x="660" y="170" width="6" height="110" fill="#0076A8" rx="3"/>
+        <rect x="680" y="190" width="60" height="60" fill="#0076A8" fill-opacity="0.08" rx="4"/>
+        <text x="710" y="232" text-anchor="middle" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#0076A8">02</text>
+        <text x="765" y="218" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#2C3E50">{{TOC_ITEM_2_TITLE}}</text>
+        <text x="765" y="248" font-family="Arial, sans-serif" font-size="14" fill="#5D6D7E">{{TOC_ITEM_2_DESC}}</text>
+    </g>
+
+    <!-- 第3章 -->
+    <g>
+        <rect x="60" y="300" width="560" height="110" fill="#FFFFFF" stroke="#E5E7EB" stroke-width="1.5" rx="6"/>
+        <rect x="60" y="300" width="6" height="110" fill="#004D5C" rx="3"/>
+        <rect x="80" y="320" width="60" height="60" fill="#004D5C" fill-opacity="0.08" rx="4"/>
+        <text x="110" y="362" text-anchor="middle" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#004D5C">03</text>
+        <text x="165" y="348" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#2C3E50">{{TOC_ITEM_3_TITLE}}</text>
+        <text x="165" y="378" font-family="Arial, sans-serif" font-size="14" fill="#5D6D7E">{{TOC_ITEM_3_DESC}}</text>
+    </g>
+
+    <!-- 第4章 -->
+    <g>
+        <rect x="660" y="300" width="560" height="110" fill="#FFFFFF" stroke="#E5E7EB" stroke-width="1.5" rx="6"/>
+        <rect x="660" y="300" width="6" height="110" fill="#F5A623" rx="3"/>
+        <rect x="680" y="320" width="60" height="60" fill="#F5A623" fill-opacity="0.08" rx="4"/>
+        <text x="710" y="362" text-anchor="middle" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#F5A623">04</text>
+        <text x="765" y="348" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#2C3E50">{{TOC_ITEM_4_TITLE}}</text>
+        <text x="765" y="378" font-family="Arial, sans-serif" font-size="14" fill="#5D6D7E">{{TOC_ITEM_4_DESC}}</text>
+    </g>
+
+    <!-- 第5章 (可选) -->
+    <g>
+        <rect x="60" y="430" width="560" height="110" fill="#FAFAFA" stroke="#E5E7EB" stroke-width="1" stroke-dasharray="6,4" rx="6"/>
+        <rect x="80" y="450" width="60" height="60" fill="#E5E7EB" fill-opacity="0.5" rx="4"/>
+        <text x="110" y="492" text-anchor="middle" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#BDC3C7">05</text>
+        <text x="165" y="488" font-family="Arial, sans-serif" font-size="18" fill="#95A5A6">{{TOC_ITEM_5_TITLE}}</text>
+    </g>
+
+    <!-- 第6章 (可选) -->
+    <g>
+        <rect x="660" y="430" width="560" height="110" fill="#FAFAFA" stroke="#E5E7EB" stroke-width="1" stroke-dasharray="6,4" rx="6"/>
+        <rect x="680" y="450" width="60" height="60" fill="#E5E7EB" fill-opacity="0.5" rx="4"/>
+        <text x="710" y="492" text-anchor="middle" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#BDC3C7">06</text>
+        <text x="765" y="488" font-family="Arial, sans-serif" font-size="18" fill="#95A5A6">{{TOC_ITEM_6_TITLE}}</text>
+    </g>
+
+    <!-- 底部装饰 -->
+    <rect x="60" y="580" width="1160" height="60" fill="#F8F9FA" rx="6"/>
+    <text x="100" y="618" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#005587">💡 KEY FOCUS</text>
+    <text x="230" y="618" font-family="Arial, sans-serif" font-size="14" fill="#5D6D7E">{{KEY_FOCUS}}</text>
+
+    <!-- 页脚 -->
+    <line x1="60" y1="665" x2="1220" y2="665" stroke="#ECF0F1" stroke-width="1"/>
+    <text x="60" y="695" font-family="Arial, sans-serif" font-size="14" fill="#7F8C8D">{{PAGE_NUM}}</text>
+    <text x="1160" y="695" text-anchor="end" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#005587" letter-spacing="1">CONFIDENTIAL</text>
+
+</svg>

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

@@ -0,0 +1,92 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720">
+    <!-- 模板: 内容页 - 麦肯锡风格 (精装版) -->
+    
+    <defs>
+        <linearGradient id="headerGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+            <stop offset="0%" style="stop-color:#005587"/>
+            <stop offset="100%" style="stop-color:#0076A8"/>
+        </linearGradient>
+    </defs>
+    
+    <!-- 白色背景 -->
+    <rect width="1280" height="720" fill="#FFFFFF"/>
+
+    <!-- 顶部渐变装饰条 -->
+    <rect x="0" y="0" width="1280" height="5" fill="url(#headerGrad)"/>
+
+    <!-- 页眉区域 -->
+    <rect x="0" y="5" width="1280" height="75" fill="#FAFBFC"/>
+    <line x1="0" y1="80" x2="1280" y2="80" stroke="#E5E7EB" stroke-width="1"/>
+
+    <!-- 章节编号标签 -->
+    <rect x="60" y="22" width="50" height="40" fill="#005587" rx="4"/>
+    <text x="85" y="50" text-anchor="middle" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#FFFFFF">{{SECTION_NUM}}</text>
+
+    <!-- 页面标题 -->
+    <text x="130" y="52" font-family="Arial, sans-serif" font-size="28" font-weight="bold" fill="#2C3E50">
+        {{PAGE_TITLE}}
+    </text>
+
+    <!-- 右侧章节指示 -->
+    <text x="1160" y="52" text-anchor="end" font-family="Arial, sans-serif" font-size="14" fill="#7F8C8D">{{SECTION_NAME}}</text>
+
+    <!-- 核心观点条 (Key Insight Bar) -->
+    <rect x="60" y="100" width="1160" height="50" fill="#FFF8E1" stroke="#F5A623" stroke-width="1" rx="4"/>
+    <rect x="60" y="100" width="5" height="50" fill="#F5A623" rx="2"/>
+    <text x="85" y="132" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#E89207">💡 KEY INSIGHT</text>
+    <text x="220" y="132" font-family="Arial, sans-serif" font-size="15" fill="#5D6D7E">{{KEY_MESSAGE}}</text>
+
+    <!-- 内容区域 - 灵活布局 -->
+    <!-- 
+        AI 灵活布局区
+        可用空间: x=60, y=170, width=1160, height=450
+        
+        常用布局模式：
+        - 左右分栏 (520+520 或 400+640)
+        - 上下分栏 
+        - 2×2 矩阵 (280×210 每格)
+        - 数据卡片组合 (150×120 每个)
+        - 漏斗图/时间轴
+        - 表格 (带边框)
+    -->
+    <rect x="60" y="170" width="1160" height="450" fill="none" stroke="#E5E7EB" stroke-width="1.5" stroke-dasharray="8,6" rx="6"/>
+    <text x="640" y="385" text-anchor="middle" fill="#BDC3C7" font-family="Arial, sans-serif" font-size="18">
+        {{CONTENT_AREA}}
+    </text>
+    <text x="640" y="415" text-anchor="middle" fill="#D5DBDB" font-family="Arial, sans-serif" font-size="14">
+        Content Area: 1160 × 450 px
+    </text>
+
+    <!-- 常用设计元素指南 -->
+    <!-- 
+        数据卡片: 
+        <rect fill="#FFFFFF" stroke="#E5E7EB" stroke-width="1.5" rx="6"/>
+        <rect x="" y="" width="4" fill="#005587"/> (左侧装饰条)
+        
+        关键数据: 
+        <text fill="#F5A623" font-size="44" font-weight="bold"/> (正向)
+        <text fill="#E74C3C" font-size="44" font-weight="bold"/> (负向)
+        
+        问题标注圆点: 
+        <circle r="8" fill="#E74C3C"/>
+        
+        分隔线: 
+        <line stroke="#ECF0F1" stroke-width="1"/>
+    -->
+
+    <!-- 页脚区域 -->
+    <rect x="0" y="640" width="1280" height="80" fill="#FAFBFC"/>
+    <line x1="0" y1="640" x2="1280" y2="640" stroke="#E5E7EB" stroke-width="1"/>
+
+    <!-- 数据来源 -->
+    <text x="60" y="675" font-family="Arial, sans-serif" font-size="12" fill="#95A5A6">Source: {{SOURCE}}</text>
+    
+    <!-- 备注区 -->
+    <text x="60" y="700" font-family="Arial, sans-serif" font-size="11" fill="#BDC3C7">{{NOTE}}</text>
+
+    <!-- 页码 -->
+    <rect x="1140" y="655" width="80" height="30" fill="#005587" rx="4"/>
+    <text x="1180" y="676" 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/mckinsey/04_ending.svg

@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720">
+    <!-- 模板: 结束页 - 麦肯锡风格 (精装版) -->
+    
+    <defs>
+        <linearGradient id="headerGrad" x1="0%" y1="0%" x2="100%" y2="0%">
+            <stop offset="0%" style="stop-color:#005587"/>
+            <stop offset="100%" style="stop-color:#0076A8"/>
+        </linearGradient>
+        <linearGradient id="cardGrad" x1="0%" y1="0%" x2="0%" y2="100%">
+            <stop offset="0%" style="stop-color:#FAFBFC"/>
+            <stop offset="100%" style="stop-color:#F1F3F4"/>
+        </linearGradient>
+    </defs>
+    
+    <!-- 白色背景 -->
+    <rect width="1280" height="720" fill="#FFFFFF"/>
+
+    <!-- 顶部渐变装饰条 -->
+    <rect x="0" y="0" width="1280" height="6" fill="url(#headerGrad)"/>
+
+    <!-- 背景装饰 -->
+    <rect x="0" y="0" width="400" height="720" fill="#005587" fill-opacity="0.02"/>
+    <rect x="880" y="0" width="400" height="720" fill="#005587" fill-opacity="0.02"/>
+    
+    <!-- 几何装饰 -->
+    <rect x="80" y="100" width="180" height="180" fill="none" stroke="#005587" stroke-width="1" stroke-opacity="0.08"/>
+    <rect x="120" y="140" width="100" height="100" fill="#005587" fill-opacity="0.03"/>
+    
+    <rect x="1020" y="420" width="180" height="180" fill="none" stroke="#005587" stroke-width="1" stroke-opacity="0.08"/>
+    <rect x="1060" y="460" width="100" height="100" fill="#005587" fill-opacity="0.03"/>
+
+    <!-- 主感谢语 -->
+    <text x="640" y="230" text-anchor="middle" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="#005587" letter-spacing="4">
+        THANK YOU
+    </text>
+    
+    <text x="640" y="300" text-anchor="middle" font-family="Arial, sans-serif" font-size="52" font-weight="bold" fill="#2C3E50">
+        {{THANK_YOU}}
+    </text>
+
+    <!-- 装饰分隔线 -->
+    <line x1="480" y1="340" x2="600" y2="340" stroke="#005587" stroke-width="3"/>
+    <circle cx="640" cy="340" r="8" fill="#F5A623"/>
+    <line x1="680" y1="340" x2="800" y2="340" stroke="#005587" stroke-width="3"/>
+
+    <!-- 副标语 -->
+    <text x="640" y="390" text-anchor="middle" font-family="Arial, sans-serif" font-size="20" fill="#5D6D7E">
+        {{ENDING_SUBTITLE}}
+    </text>
+
+    <!-- 联系信息卡片 -->
+    <rect x="390" y="440" width="500" height="150" fill="url(#cardGrad)" stroke="#E5E7EB" stroke-width="1.5" rx="8"/>
+    <rect x="390" y="440" width="6" height="150" fill="#005587" rx="3"/>
+    
+    <!-- 联系人信息 -->
+    <text x="640" y="485" text-anchor="middle" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#2C3E50">
+        {{CONTACT_INFO}}
+    </text>
+    <text x="640" y="515" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#7F8C8D">
+        {{CONTACT_TITLE}}
+    </text>
+    
+    <line x1="480" y1="535" x2="800" y2="535" stroke="#E5E7EB" stroke-width="1"/>
+    
+    <text x="560" y="565" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#005587">📧 {{CONTACT_EMAIL}}</text>
+    <text x="760" y="565" text-anchor="middle" font-family="Arial, sans-serif" font-size="14" fill="#005587">📞 {{CONTACT_PHONE}}</text>
+
+    <!-- 底部信息区 -->
+    <rect x="0" y="640" width="1280" height="80" fill="#FAFBFC"/>
+    <line x1="0" y1="640" x2="1280" y2="640" stroke="#E5E7EB" stroke-width="1"/>
+    
+    <!-- 版权信息 -->
+    <text x="640" y="675" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" fill="#95A5A6">
+        {{COPYRIGHT}}
+    </text>
+
+    <!-- 机密标识 -->
+    <rect x="1080" y="655" width="140" height="28" fill="#005587" fill-opacity="0.08" rx="4"/>
+    <text x="1150" y="675" text-anchor="middle" font-family="Arial, sans-serif" font-size="12" font-weight="bold" fill="#005587" letter-spacing="1">
+        CONFIDENTIAL
+    </text>
+
+    <!-- 页码 -->
+    <text x="60" y="705" font-family="Arial, sans-serif" font-size="14" fill="#7F8C8D">{{PAGE_NUM}}</text>
+
+</svg>

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

@@ -0,0 +1,265 @@
+# McKinsey Style Template - Design Specification
+
+> Suitable for strategic consulting, executive briefings, investment analysis, business proposals, and other high-end business scenarios.
+
+---
+
+## I. Template Overview
+
+| Property       | Description                                                |
+| -------------- | ---------------------------------------------------------- |
+| **Template Name** | mckinsey (McKinsey Style Template)                      |
+| **Use Cases**  | Strategic consulting, executive briefings, investment analysis, business proposals |
+| **Design Tone** | Data-driven, structured thinking, professional whitespace, minimalist premium |
+| **Theme Mode** | Light theme (white background + McKinsey Blue accent)      |
+
+---
+
+## II. Canvas Specification
+
+| Property       | Value                         |
+| -------------- | ----------------------------- |
+| **Format**     | Standard 16:9                 |
+| **Dimensions** | 1280 × 720 px                |
+| **viewBox**    | `0 0 1280 720`                |
+| **Page Margins** | Left/Right 60px, Top 60px, Bottom 40px |
+| **Safe Area**  | x: 60-1220, y: 60-680         |
+| **Grid Baseline** | 40px                       |
+
+---
+
+## III. Color Scheme
+
+### Primary Colors
+
+| Role             | Value       | Notes                            |
+| ---------------- | ----------- | -------------------------------- |
+| **McKinsey Blue**| `#005587`   | Primary color, title bar, accent elements |
+| **Deep Teal**    | `#004D5C`   | Secondary blue, gradient endpoint |
+| **Background White** | `#FFFFFF` | Main page background            |
+| **Light Gray Background** | `#ECF0F1` | Separators, secondary backgrounds |
+
+### Text Colors
+
+| Role           | Value       | Usage                  |
+| -------------- | ----------- | ---------------------- |
+| **Title Dark Gray** | `#2C3E50` | Main titles, card titles |
+| **Body Gray**  | `#5D6D7E`   | Body content, descriptive text |
+| **Auxiliary Gray** | `#7F8C8D` | Annotations, sources, footer |
+| **White Text** | `#FFFFFF`   | Text on blue backgrounds |
+
+### Accent Colors
+
+| Usage            | Value       | Description            |
+| ---------------- | ----------- | ---------------------- |
+| **Data Highlight** | `#F5A623` | Amber, key data emphasis |
+| **Warning/Issue** | `#E74C3C`  | Coral, problem areas, negative indicators |
+| **Success/Positive** | `#27AE60` | Green, positive indicators |
+| **Info Blue**    | `#0076A8`   | Supplementary info, chart gradients |
+
+---
+
+## IV. Typography System
+
+### Font Stack
+
+**Font Stack**: `Arial, "Helvetica Neue", "Segoe UI", sans-serif`
+
+### Font Size Hierarchy
+
+| Level    | Usage              | Size    | Weight  |
+| -------- | ------------------ | ------- | ------- |
+| H1       | Cover main title   | 52px    | Bold    |
+| H2       | Page title         | 36px    | Bold    |
+| H3       | Section title      | 22-24px | Bold    |
+| H4       | Card title         | 16-18px | Bold    |
+| P        | Body content       | 14-16px | Regular |
+| Data     | Data highlight     | 44px    | Bold    |
+| Sub      | Chart labels/Annotations | 12-14px | Regular |
+
+---
+
+## V. Core Design Principles
+
+### McKinsey Style Characteristics
+
+1. **Data-Driven**: Key data and insights at the core, strengthening argument support
+2. **Structured Thinking**: MECE principle, clear logical frameworks
+3. **Information Visualization**: Charts, matrices, and funnel models take priority
+4. **Professional Whitespace**: Ample breathing room, content coverage < 65%
+5. **Grid Alignment**: 40px baseline grid, precise alignment
+6. **Minimalist Icons**: Geometric shapes, avoiding ornate decoration
+7. **Professional Color Palette**: Avoiding flashy gradients, maintaining restraint
+
+---
+
+## VI. Page Structure
+
+### General Layout
+
+| Area       | Position/Height | Description                            |
+| ---------- | --------------- | -------------------------------------- |
+| **Top**    | y=0, h=4px      | McKinsey Blue horizontal bar           |
+| **Title Area** | y=40, h=60px | Page title (left-aligned, large bold)  |
+| **Content Area** | y=120, h=520px | Main content area                  |
+| **Footer** | y=680, h=40px   | Page number (left), data source/confidential label (right) |
+
+### Decorative Design
+
+- **Left Accent Bar**: McKinsey Blue (`#005587`), width 8px (cover page)
+- **Top Decoration Line**: McKinsey Blue (`#005587`), height 4px
+- **Card Borders**: Light gray (`#ECF0F1`), width 2px
+- **Geometric Decoration**: Low-opacity blue geometric patterns (cover page right side)
+
+---
+
+## VII. Page Types
+
+### 1. Cover Page (01_cover.svg)
+
+- White background
+- Left-side blue narrow accent bar (8px)
+- Top-left short horizontal line decoration
+- Main title + subtitle (left-aligned)
+- Bottom project code, date
+- Right-side low-opacity geometric decoration
+- Bottom-right confidential label
+
+### 2. Table of Contents (02_toc.svg)
+
+- White background
+- Top blue decoration bar
+- Title area "Agenda" / "Contents"
+- Chapter list (number + title)
+- Clean line separators
+
+### 3. Chapter Page (02_chapter.svg)
+
+- McKinsey Blue full-screen background
+- Centered large chapter title
+- White text
+- Minimalist design
+
+### 4. Content Page (03_content.svg)
+
+- White background
+- Top blue decoration bar
+- Left-aligned page title
+- Flexible content area
+- Footer: page number, data source
+
+### 5. Ending Page (04_ending.svg)
+
+- White background
+- Centered thank-you message
+- Contact information
+- Confidential label
+
+---
+
+## VIII. Chart Specifications
+
+### Recommended Chart Dimensions
+
+| Chart Type       | Recommended Size   |
+| ---------------- | ------------------ |
+| Bar chart        | 500-700 × 400-500px |
+| Pie chart        | Diameter 300-400px |
+| Data card        | 150 × 120px       |
+| Matrix           | 240-280px / cell   |
+| Funnel chart     | 500 × 400px       |
+
+### Chart Color Palette
+
+- Primary series: `#005587`, `#0076A8`, `#4A90A4`
+- Accent: `#F5A623`
+- Warning: `#E74C3C`
+
+---
+
+## IX. Spacing Guidelines
+
+| Element          | Value    |
+| ---------------- | -------- |
+| Page margins     | 60px     |
+| Title area height | 80-100px |
+| Chart spacing    | 40-60px  |
+| Card padding     | 20-24px  |
+| Text line height | 1.6      |
+| Grid baseline    | 40px     |
+
+---
+
+## 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
+8. Define gradients using `<linearGradient>` within `<defs>`
+
+### 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
+
+---
+
+## XI. Placeholder Specification
+
+Templates use `{{PLACEHOLDER}}` format placeholders. Common placeholders:
+
+| Placeholder        | Description        |
+| ------------------ | ------------------ |
+| `{{TITLE}}`        | Main title         |
+| `{{SUBTITLE}}`     | Subtitle           |
+| `{{PROJECT_CODE}}` | Project code       |
+| `{{DATE}}`         | Date               |
+| `{{PAGE_TITLE}}`   | Page title         |
+| `{{CHAPTER_NUM}}`  | Chapter number     |
+| `{{CHAPTER_TITLE}}`| Chapter title      |
+| `{{PAGE_NUM}}`     | Page number        |
+| `{{SOURCE}}`       | Data source        |
+| `{{TOC_ITEM_N_TITLE}}` | TOC item title |
+| `{{TOC_ITEM_N_DESC}}`  | TOC item description |
+| `{{THANK_YOU}}`    | Thank-you message  |
+| `{{CONTACT_INFO}}` | Contact information |
+| `{{CONFIDENTIAL}}` | Confidential label |
+
+---
+
+## XII. Quality Checklist
+
+### Pre-Generation
+
+- [ ] Each page has a clear core message
+- [ ] Sufficient data support
+- [ ] Clear logical structure
+
+### Post-Generation
+
+- [ ] viewBox = `0 0 1280 720`
+- [ ] McKinsey Blue consistently applied
+- [ ] Key data prominently highlighted (Amber/Coral)
+- [ ] Chart axes fully labeled
+- [ ] Text readability is good (contrast ratio > 4.5:1)
+- [ ] Elements precisely aligned (grid alignment)
+- [ ] Page numbers/footer information complete
+- [ ] No `<foreignObject>`
+- [ ] All text uses `<tspan>` for line breaks
+
+---
+
+## XIII. Usage Instructions
+
+1. Copy the template to the project directory
+2. Select the appropriate page template based on briefing content requirements
+3. Mark content to be replaced using placeholders
+4. Prioritize data charts; keep text concise
+5. Generate the final SVG through the Executor role