适配工具

在 Claude Code 中使用 Kalka

Claude Code 是 Anthropic 推出的编程智能体。把它连接到 Kalka 的本地 MCP 服务器，它就能读取你的画布，并直接在上面用真正的 HTML 和 CSS 做设计。

你可以这样提问

“在 Desktop 画框上，用我们的令牌给一家咖啡烘焙店起草一个落地页。”
“给这个页面做一个 390 px 宽的移动端版本。”
“把设计稿里的首屏复制到我们的 Astro 组件中。”

如何连接

  1. 1打开 Kalka。它的 MCP 服务器会随应用在你的电脑上启动。
  2. 2把 Kalka 添加到 Claude Code 的 MCP 服务器中。具体命令将随首个版本一起提供。
  3. 3提出需求。结果会以图层形式出现在画布上，你可以手动编辑。
本地运行服务器在你的电脑上运行，就在你的文件旁边。
不限用量Kalka 不额外设置配额，按你的智能体自身的套餐计算。
真正的 HTML智能体写出的，就是你最终上线的页面。

Kalka 正在开发中。Kalka 与 Anthropic 无关联。