外部 AI(MCP)
安装 Halo MCP Server 1.3.0 及以上版本后,登录工坊会在「工具 → MCP 服务」中提供「登录界面设计」分类下的工具。Claude Code、Codex 等客户端连接后,可以直接创建和修改登录设计。
不需要安装 Skill。AI 连接后会先调用「获取设计指南」,读取设计格式和工作流程:保存前检查并修正,给出预览链接,启用前先征得你的同意。
接入步骤
打开「外观 → 认证界面」,切换到「AI 设计」标签。页面按四个步骤引导,并实时显示每一步的状态。

安装并启用 MCP Server
在应用市场或插件管理中安装 MCP Server,支持的版本为 >=1.3.0 & <2.0.0。启用后回到「AI 设计」页,第一步会显示已就绪。
创建访问密钥
点击「打开 MCP 服务」,在 MCP 服务页新建访问密钥。

勾选登录工坊的工具
在对话框中向下滚动到「登录工坊」分组。

新工具不会自动加入已有密钥。升级插件后如果工具有变化,需要回到这里重新勾选。
密钥只显示一次
创建后立即复制并妥善保存。不要把密钥写进配置文件、截图或提交到代码仓库;泄露后请在 MCP 服务中删除并重新创建。
在 AI 客户端中连接
回到「AI 设计」页的第三步,按页面给出的配置连接客户端。

生产环境请使用 HTTPS 地址。
告诉 AI 你想要的登录页
连接成功后,用自然语言描述需求即可。页面右侧的「试试这样说」提供了示例,例如:
- 给我的博客设计一个深色赛博朋克风格的登录页,左边放品牌介绍,背景要有极光动效,先给我预览链接。
- 参考现在启用的登录设计,做一个更简洁的浅色版本,表单逐项浮现,不要直接启用。
- 把当前登录页的主色改成 #e11d48,其他保持不变。
- 检查所有登录设计里有没有会被过滤掉的 HTML 或无效颜色,并帮我修好。
AI 创建的设计会出现在「登录设计」列表中,可以继续在 设计工作室 中手动编辑。启用设计会立即改变所有访客看到的登录页,建议先打开 AI 给出的预览链接确认。
离线或自定义流程
「AI 设计」页第四步提供「下载 SKILL.md」。需要离线使用,或想按自己的流程约束 AI 时,可以把它放到客户端的 Skill 目录中。