SAP GC · CA AI Incubation

让 AI 真正在 SAP 里干活

sap-mcp-combo · super-gc-saper · sap_ccui
给 AI 装上眼睛、手、专业技能，再配一个网页界面

Heaven Gong · 工具分享

SAP GC · Heaven Gong

Agenda

今天讲什么

Asap-mcp-combo让 AI 助手读写你的 SAP 工作环境 — 8 个 MCP Server
Bsuper-gc-saperClaude Code Skills 集合 — SAP GC 员工的专业工具箱
Csap_ccui给 Claude Code 一个网页界面 — 多 session 并行管理
→三者怎么配合一句话指令，跨系统跑完整套交付物

SAP GC · Heaven Gong

PART A

01

sap-mcp-combo

让 AI 助手读写你的 SAP 工作环境。
邮件 · 会议 · 文档 · Wiki · 代码 — 一个口径，自然语言访问。

SAP GC · Heaven Gong

Part A · 痛点

为什么 AI 助手在 SAP 里"使不上劲"

邮件在 Outlook，会议在 Teams，文档在 SharePoint
知识库在 Wiki，代码在 GitHub Tools / WDF
每个系统一个登录、一套 API、一套权限
AI 助手什么都看不到，只能和你"空对空"地聊
你还得手动复制粘贴，把上下文喂给它
结果：AI 沦为"聊天玩具"，干不了真正的活

SAP GC · Heaven Gong

Part A · 是什么

sap-mcp-combo —— AI 助手的 USB 标准

一个 MCP Server 集合（monorepo 仓库）
把 8 个 SAP 公开系统接入到任何支持 MCP 的 AI 助手
MCP = Model Context Protocol，相当于"AI 助手的 USB 标准"
一次安装，AI 就长出了眼睛和手 — 直接读写你的工作环境
维护方：SAP GC CA AI Incubation 团队
仓库：github.tools.sap/GC-CA-AI-Incubation/sap-mcp-combo

SAP GC · Heaven Gong

Part A · 总览

8 个 MCP，覆盖你日常 90% 的 SAP 工作面

底层

sap-auth-mcp

SSO Cookie + PAT 管理 + HTTP 代理

协作

sap-msteams

聊天 / 会议 / 录音转录 / 人员搜索

知识

sap-wiki

Confluence Wiki 搜索 + 页面读写 + CQL

邮件

sap-outlook

邮件 / 日历 / 草稿 / 任务 / 智能调度

文件

sap-sharepoint

OneDrive / SharePoint 文件读写、上传、分享

代码

github-tools

github.tools.sap 的 PR / Issue / Repo

代码

github-wdf

github.wdf.sap.corp（需 SAP VPN）

浏览器

playwright

导航 / 截图 / 填表 / 抓数据

SAP GC · Heaven Gong

Part A · 真实场景

一句话指令，AI 自己跨系统串起来执行

"今天有什么会、帮我起草下午会议的发言要点"
→ Outlook 拉日程 → Teams 找历史讨论 → 自动生成提纲
"在 Wiki 找 HK00 schema 的页面，对照我的 PR 看是否一致"
→ Wiki 检索 → GitHub 拉 diff → 给你结论
"把 SharePoint 上的 GAP Worksheet 截图、发到团队 Teams 群"
→ SharePoint 取文件 → playwright 截图 → Teams 群推送
不需要记工具名，也不需要切窗口

SAP GC · Heaven Gong

Part A · 安装

一句话给 Claude，剩下它自己干

1

把链接丢给 AI

在 Claude Code 里直接说

帮我装一下 .../sap-mcp-combo

→

2

AI 自动安装

克隆仓库 → 跑 /install-mcps → 写配置

≈ 1 min · 全程无人值守

→

3

跟着提示申 Token

到 GitHub 步骤 AI 会停下来，给你 PAT 申请链接 + scope

粘贴 token → AI 写入 auth.json

交给 AI 完成繁琐步骤，把注意力留给场景与判断

SAP GC · Heaven Gong

Part A · 认证

三种认证方式，按需走

🔑

SSO Cookie

用于：teams / wiki / outlook / sharepoint

自动复用 Microsoft 365 登录态，多数情况无需重登

🎫

PAT (Token)

用于：github-tools / github-wdf

scope: repo + read:org + read:user，存到 ~/.sap-mcp/auth.json

∅

无认证

用于：playwright

按需启动浏览器，不依赖任何凭据

SAP GC · Heaven Gong

Part A · 调试

验证连通 & 常见坑

验证AI 装完自己跑一遍

装完 AI 会自动跑 /mcp，逐个确认 8 个 server 状态
不通的会主动告诉你卡在哪一步（缺 token / VPN / 重启）
你只需要看一眼"全部 connected"即可

排查它处理不了再人工看

github-wdf 全失败 → 检查 SAP VPN
SSO 401 / 死循环 → 删 ~/.sap-mcp/auth.json 重登
找不到 dist/index.js → npm run build 没跑成功
VS Code 改 ~/.claude.json 不生效 → Reload Window

SAP GC · Heaven Gong

Part A · 怎么用

用法 = 用自然语言对 AI 说话

不需要记工具名（mcp__sap-msteams__teams_web_send 之类）
描述你想做什么，AI 自己挑工具调
越具体越好：人名、时间、关键字、目标
AI 会先 list / search 再 read / write — 类似人类的"先找再看"
所有写入操作（发邮件、推 PR、删文件）AI 会先确认再执行

SAP GC · Heaven Gong

PART A · 一句话拉通 4 个系统

"看 Sapphire 邮件 → 找议程 → 同步要点 → 更新会议纪要"

1Outlook · 看今天 Sapphire 相关邮件

2SharePoint · 找最新会议议程文件

3Teams · 群里同步会议要点

4Wiki · 更新会议纪要页面

AI 一气呵成、跨 4 个系统、5 分钟搞定 30 分钟手工活

SAP GC · Heaven Gong

PART B

02

super-gc-saper

Claude Code Skills 集合 — SAP GC 员工专属工具箱。
PPT · 故事线 · 配音 · 简报 · 播客，开箱即用。

SAP GC · Heaven Gong

Part B · 是什么

super-gc-saper —— 给 AI 配上专业技能

Claude Code Skills 集合（不是 MCP）— 可复用的领域 know-how
一次 git clone，按需 /setup 安装
装到 ~/.claude/skills/，全局可用，重启生效
与 sap-mcp-combo 互补：MCP 是嘴和手，Skills 是专业技能
仓库：github.tools.sap/GC-CA-AI-Incubation/super-gc-saper

SAP GC · Heaven Gong

Part B · 总览

5 个 Skills，全栈覆盖内容生产

/sap-slides

SAP 演示文稿

说出来，就是一份 SAP 风 HTML 演示文稿。9 配色、20 布局、Strict / Creative。

/storyline

故事线

一堆素材，变一条故事线。5 阶段流水线：Brief → 素材 → Gap → 蓝图 → 幻灯片。

/demo-dub

Demo 配音

给个 slide 或视频，AI 用你的声音来讲解。多模态分析 + TTS + 背景乐。

/ai-radar

AI 简报

今天 AI 圈发生了啥，30 秒搞清楚。AIHOT / arXiv / SAP×AI 一条命令搞定。

/script-cast

多声部音频

把任何文章变成一期播客 / 相声 / 广播剧。文本 → 对话脚本 → 多角色 TTS → MP3。

+ 你的

欢迎贡献

新 skill 放进 .claude/skills/，提 PR 即可加入集合。

SAP GC · Heaven Gong

Part B · 重点 ①

/sap-slides — 一句话生成 SAP 官方风幻灯片

能力核心特性

9 种官方配色 · Blue / Teal / Green / Mango / Red ...
20 种布局模板 · Title / Feature Grid / Process / Quote ...
Strict / Creative 双模式 · 严格合规 vs 自由创作
单文件 HTML，零依赖，可分享、嵌邮件、传 SharePoint

输入三种起步方式

从零生成 · 给主题 / 大纲，AI 帮你搭
Markdown 转 PPT · 笔记一键变演示
PPTX 反向导入 · 旧 PPT 喂进来，重新设计
例如："把这份会议纪要做成 SAP 风演示，10 页左右"

→ 你正在看的这份 Deck 就是用 /sap-slides 生成的

SAP GC · Heaven Gong

Part B · 重点 ②

/storyline — 一堆素材到一条故事线

1

Brief

对齐目标、受众、时长

→

2

素材分析

导入 PPT / PDF / 笔记

→

3

Gap 补全

识别空白 + 联网搜索

→

4

故事线蓝图

章节 + 关键论点

→

5

幻灯片生成

HTML / PPTX / Image

解决"我有一堆素材，但不知道怎么讲"的问题

SAP GC · Heaven Gong

Part B · 音视频

/demo-dub & /script-cast — AI 帮你录课、做播客

/demo-dub视频自动配音

输入：录屏视频或 HTML slides
Claude 多模态分析 → 时间戳解说词
TTS（Kokoro / F5-TTS / Azure）→ 背景乐 → ffmpeg 输出 MP4
适合：录课、培训、产品介绍

/script-cast多声部播客

输入：任何文本 / 文章
Claude 生成对话脚本 → 多角色 TTS
ffmpeg 混音 → MP3 输出
支持：podcast / 相声 / 广播剧 / 辩论

SAP GC · Heaven Gong

Part B · 资讯

/ai-radar — 30 秒掌握今天 AI 圈大事

自动抓取 AIHOT 精选热点 + AI Digest 每日简报
arXiv 论文速递（GenAI / Agent / RAG / VLM 方向）
SAP × AI 企业动态（官方 RSS + 媒体报道）
Claude 生成中文摘要 → 输出结构化 Markdown（可选 HTML）
用法：/ai-radar 一条命令；可串 /script-cast 直接做日报播客

SAP GC · Heaven Gong

Part B · 安装

同样一句话搞定，AI 帮你挑技能

1

把链接丢给 AI

跟装 sap-mcp-combo 一个流程

帮我装一下 .../super-gc-saper

→

2

AI 跑 /setup

列出 5 个 skill，AI 问你要哪几个

勾选 → 自动复制到 ~/.claude/skills/

→

3

重启生效

AI 提醒你退出再进

/exit → claude -c

升级到最新：再说一句"/setup update"，AI 自动 pull + 重装已勾选的 skill

SAP GC · Heaven Gong

Part B · 依赖

轻量 vs 重量 —— 按需安装即可

轻量开箱即用

sap-slides · PPTX 转换需 python-pptx
storyline · 联网搜索可选 Perplexity MCP
ai-radar · httpx + beautifulsoup4
纯 Python / Markdown 工作流，秒装秒用

重量音视频技能

demo-dub / script-cast 共用同一虚拟环境
需 ffmpeg + espeak-ng + torch + kokoro
首次跑 /demo-dub step=setup 自动检查并装齐
装一次，两个 skill 都能用

SAP GC · Heaven Gong

Part B · 维护

升级、增删、反馈渠道

升级到最新：仓库目录跑 git pull + /setup update — 自动覆盖更新
增删 / 重选 skill：直接跑 /setup 重新勾选
贡献新 skill：.claude/skills/ 新建目录 + 改 manifest + 提 PR
反馈：GitHub Issues 或 GC-CA-AI-Incubation 团队 Teams 群
文档：仓库 README.md + 各 skill 自带 SKILL.md

SAP GC · Heaven Gong

PART C

03

sap_ccui

SAP Claude Code Visual UI — 给 AI 编程代理一个网页界面。
不用守在 VS Code 里，也能并行管几十个 session。

SAP GC · Heaven Gong

Part C · 痛点

想用 AI 编程代理，但门槛卡在 UI 上

Claude Code CLI 强大 — 但只有终端老手用得舒服
VS Code + 插件 — 太重了，启动慢，开几个工程内存就吃满
想同时跑多个对话、对比不同 prompt 的结果 — 现有方案都难
想给业务同事演示 / 让他们自己用 — 终端界面劝退
Codex、Gemini CLI 各有各的命令 — 想统一一个壳子

SAP GC · Heaven Gong

Part C · 是什么

一个独立运行的 Web UI，三家 AI Agent 通吃

本地启动 → 浏览器打开 localhost:5173 → 像用 ChatGPT 一样跟 AI 聊
同时支持 Claude Code · OpenAI Codex · Gemini CLI — 一个壳子换三个引擎
完整保留 CLI 能力：文件编辑、Git、Shell、MCP server 全在
单用户系统 — 无登录无认证，本地跑，数据不出机器
作者：I515242 · 仓库：github.tools.sap/GC-CA-AI-Incubation/sap_ccui

SAP GC · Heaven Gong

Part C · 功能

六大亮点，一张图看完

💬

多 Session 并行

侧边栏一目了然 — 几十个会话随时切换、随时恢复

🧠

思考模式调档

Standard / Think / Think Hard / Harder / Ultrathink — 一键切换深度

📦

上下文压缩

点击 Token 占用环 → 一键压缩对话，腾出上下文

📁

文件 / Git / Shell 一体

左侧文件树 + 语法高亮编辑，下方终端，右侧 Git 操作

⚡

MCP 与 Skills 直读

读 ~/.claude.json，/ 即出命令、Skills、插件，可视化开关 MCP

🔔

Web Push 通知

长任务跑完浏览器推送 — 不用守屏幕；i18n 8 国语言

SAP GC · Heaven Gong

Part C · 场景

谁该用 CCUI

业务 / PM不写代码也能用

不熟终端 — 浏览器界面零门槛
不装 VS Code — 笔记本带不动也没事
专注"问 AI"，不被技术细节分心

开发 / 重度用户多 session 工作流

同时开 5-10 个对话 — 不同分支、不同任务
对比 Claude / Codex / Gemini 同一题的回答
长跑任务挂着，浏览器 push 通知接力

SAP GC · Heaven Gong

Part C · 技术栈

现代 Web 全家桶 + 终端原生能力

前端

React 18 + Vite

TypeScript · TailwindCSS · CodeMirror 编辑器 · xterm.js 终端

后端

Express + WebSocket

node-pty 真伪终端 · 实时流式聊天与 Shell · TypeScript

存储

SQLite

better-sqlite3 · 本地文件 · 单用户无外部依赖

AI Provider

三家通吃

Claude Code SDK · OpenAI Codex · Gemini CLI — 统一接口

集成

MCP & Skills

读 ~/.claude.json + 项目级配置；与 Part A、B 无缝衔接

交付

PWA + Push

可装成桌面应用 · Web Push 通知 · 静态资源 + manifest

SAP GC · Heaven Gong

Part C · 安装

五步起跑，浏览器打开就能用

1

前置条件

Node.js v22+ · Git · Hyperspace

node -v # 必须 ≥ 22

→

2

克隆 + 装依赖

首次 npm install 几分钟

git clone .../sap_ccui && npm install

→

3

启动并打开

前后端一起起，浏览器开 5173

cp .env.example .env && npm run dev

同样可以让 Claude 帮你装 — 一句话："帮我装一下 .../sap_ccui"

SAP GC · Heaven Gong

Part C · 架构

为什么这么轻 & 为什么这么稳

设计取舍单用户、本地优先

无登录无 Auth — 跑在你的机器，数据不离本地
Provider 无关 — Claude / Codex / Gemini 同一接口
读已有配置 — 直接用 ~/.claude.json 的 MCP，不重复配置

实时性WebSocket 全程驱动

聊天流式 — Token 一个个吐出来，不等整段
Shell 真终端 — node-pty + xterm.js，体验等同 iTerm
多 session 隔离 — 每个会话独立 PTY、独立上下文

SAP GC · Heaven Gong

PART C · 与 A、B 的关系

Web 界面 × MCP 眼手 × 专业技能

浏览器开 CCUI → 选 Claude Code 引擎 → 自动加载 sap-mcp-combo（看 Outlook / Wiki / Teams）+ super-gc-saper（自动做 PPT / 配音 / 简报）— 业务同事不写一行命令，也能跑完整套交付物。

三者解耦但天然兼容 · 装哪个就用哪个 · 纯本地、零云端

SAP GC · Heaven Gong

?

Q & A

Part A

sap-mcp-combo

让 AI 看见你的 SAP 工作环境（眼睛 + 手）

Part B

super-gc-saper

给 AI 配上专业技能（PPT · 故事线 · 配音 · 简报 · 播客）

Part C

sap_ccui

给 Claude Code 一个网页界面，业务同事也能用

宁静致远GC · 公众号同名

github.tools.sap / GC-CA-AI-Incubation

SAP GC · Heaven Gong