loading…
Весь каталог
Apps Office Kit
БесплатноEnables LLM Desktop clients to generate rich media content like PPT, HTML, and flowcharts via Canvas Core and MCP Apps extension mechanism.
Описание
Enables LLM Desktop clients to generate rich media content like PPT, HTML, and flowcharts via Canvas Core and MCP Apps extension mechanism.
README
基于 MCP Apps 扩展机制 的 Office-Kit：让 LLM Desktop（Claude Desktop / 等）通过画布核心 (Canvas Core) 生成 PPT / HTML / FlowChart 等富媒体内容。
核心理念：HTML 即真相层 · Tailwind + shadcn 即设计语言 · 画布核心即底座 · App 即领域封装。
📖 文档
- plan.md · 项目总纲（分层架构 / MVP / 迭代计划 / ADR 索引）
- docs/adr/ · 架构决策记录（ADR-0001 ~ 0005）
- docs/iterations/ · 周迭代细节
🚀 快速开始（W1 阶段）
pnpm install
pnpm dev # 启动 server.ts（http://localhost:3456）
pnpm build # 产出 dist/mcp-ppt-app.html
pnpm test # 跑 sanitize / contract 单测
W1 Smoke：
# 验证 sanitize + contract 通路
curl -X POST http://localhost:3456/debug/generate_ppt \
-H "Content-Type: application/json" \
-d '{"topic":"AI 的未来"}'
📂 目录结构
详见 plan.md §0.2。
🛠 当前阶段
W1 · 工程骨架 & MCP 通路 & 安全底座（v0.0.1）
- ✅ Vite 多入口 + TS strict + ESLint/Prettier
- ✅
src/core/三件套（AppDefinition / Registry / Express） - ✅
src/shared/html/sanitize.ts（DOMPurify + 白名单） - ✅
src/shared/html/contract.ts（稳定 ID 补发 · ADR-0004） - ✅ 空壳 PPT App
- ⏳ Day 2：接入 MCP SDK Streamable HTTP
- ⏳ Day 5：ADR 决策日 + Demo
📜 License
Private / Internal
Как установить
Добавь это в claude_desktop_config.json и перезапусти Claude Desktop.
{
"mcpServers": {
"mcp-apps-office-kit": {
"command": "npx",
"args": []
}
}
}
