Kition
桌面 AI 工作台：互相关联的文档、结构化表格、可编辑的设计、白板、可视化工作流，以及可审阅的 AI Agent。
Kition Design · Design 星团
实验性的 HTML kit：源码编辑器、共享的 Rust/WASM 渲染器和 PNG 输出。HTML、CSS 和受限的 JavaScript 操作同一份文档，浏览器兼容性仍在完善。
正在建设
这颗星球还在 Preview 阶段。脚手架是真的：东西能用，但还会有毛边和改动。
网页星上的城市
每栋楼都是这个 kit 真正能做的一件事。点一栋楼看说明。
源码观测站
编辑 HTML 源码
修改文档源码，在 kit 编辑器里查看渲染结果。
像素观测台
共享渲染
原生端和 WASM 使用同一个引擎渲染 HTML、CSS，并输出 PNG 快照。
资源码头
显式提供资源
由宿主提供图片和字体，缺失的资源会出现在诊断信息里。
视口塔
视口预览
调整视口宽高和配色模式，检查响应式布局。
用 html 能做什么
就是城市上空那几块全息屏。每个场景只用到这个 kit 现在就有的能力；标着“模板”的，能直接打开 Kition 已发布的模板。
示例
落地页预览
编辑 HTML 与 CSS，检查 kit 引擎渲染的 PNG。
用到： 编辑 HTML 源码 · 共享渲染
示例
响应式布局检查
在不同视口尺寸和配色模式下比较同一个页面。
用到： 编辑 HTML 源码 · 视口预览
示例
HTML 报告
用显式提供的图片和字体制作报告，再渲染快照进行审阅。
用到： 编辑 HTML 源码 · 显式提供资源 · 共享渲染
这颗星球上的定居点
+ 登记你的定居点用这个 kit 做出来的产品。每个定居点一样大，没有付费位置。
你的 AI 在这里能做什么
下面是这个 kit 引擎里的真实命令。Agent 通过 Kit Harness Protocol 发送命令，拿回改好的文件。
html.setSource替换 HTML 源码
交给你的 AI
Kition 自带一个 kit 的 MCP server。用 stdio 指向一个文件夹运行，不用打开应用，你的 Agent 就会拿到每个 kit 的html_inspect、html_run、html_check 这类工具。
# Claude Code
claude mcp add kition -- kition-kits-mcp --workspace /path/to/your/folder
# Any MCP client (mcpServers config)
{
"mcpServers": {
"kition": {
"command": "kition-kits-mcp",
"args": ["--workspace", "/path/to/your/folder"]
}
}
}kition-kits-mcp 随 Kition 一起提供。没有许可证密钥时，它以开发和评估模式运行。
支持的文件
- 原生格式
.html.htm
常见问题
Kition html 免费吗？
免费。Kition 以 Apache-2.0 开源，软件免费；没有个人订阅、会员和广告。只有选择托管 AI 时才按算力付费。
我的 AI Agent 能用 Kition html 吗？
能。每个 Kition kit 都实现了 Kit Harness Protocol（KHP），Agent 可以打开文件、执行 html.setSource 等命令并保存结果。MCP 让 AI 连上工具，KHP 让 AI 操作专业软件。
Kition html 支持哪些文件？
Kition html 的原生格式是 .html, .htm。
Kition html 做完了吗？
还没有。Kition html 处于 Preview 阶段：能用，但仍在建设中，可能会变。
附近的星球
Kition 仓库中的出处
KitionAI/kition-html
kit.jsonREADME.md