关于 Mowgli
Mowgli 是面向产品设计的画布,提供 `mowgli` Agent Skill,让编码 Agent 在代码库与 Mowgli 项目之间推送和拉取设计。屏幕与规格保持同步,设计以代码形式管理。
主要功能
- 01在代码库与 Mowgli 项目间同步设计
- 02将屏幕与规格保持同步
- 03通过自然语言迭代设计
- 04支持版本控制与团队协作
适用场景
- 01从现有代码库将设计推送到 Mowgli
- 02把 Mowgli 中的设计拉回代码库
MCP 相关
不支持 Agent Skills 的客户端可连接 `https://app.mowgli.ai/mcp` 上的 Mowgli MCP 服务,实现相同的互操作。
配置
远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。
https://app.mowgli.ai/mcpclaude mcp add --transport http skills-mowgli-ai https://app.mowgli.ai/mcp{"mcpServers":{"skills-mowgli-ai":{"type":"http","url":"https://app.mowgli.ai/mcp"}}}在 Cursor 中打开{"servers":{"skills-mowgli-ai":{"type":"http","url":"https://app.mowgli.ai/mcp"}}}在 VS Code 中打开{"mcpServers":{"skills-mowgli-ai":{"type":"http","url":"https://app.mowgli.ai/mcp"}}}{"mcpServers":{"skills-mowgli-ai":{"serverUrl":"https://app.mowgli.ai/mcp"}}}命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。
工具
详细介绍
Mowgli 技能
面向 Mowgli 的 Agent 技能:为产品设计打造的智能画布,兼具上下文与审美。
什么是 Mowgli?
Mowgli 是一款智能、规范驱动的产品设计画布。它将前端保存为一组屏幕,每个屏幕包含多种状态;此外还有一份包含用户旅程的规范,作为唯一真实来源。Mowgli 屏幕本身就是代码,因此设计与实现之间不会出现偏差。
Mowgli 支持用户快速、轻松地尝试、调整、扩展和构思设计,并提供完整的版本控制。结合协作与团队功能以及编码 Agent 集成,它是一个强大的工具,可帮助团队在着手实现之前就产品的外观和体验达成一致。
Mowgli 技能
此仓库发布了一项技能,mowgli,可让编码 Agent 将真实代码库中的设计推送到 Mowgli 项目,并将其拉取回来。它通过发布在
npm 上的 mowgli CLI 实现。它让屏幕与规范保持同步,使项目在每次更改后都以规范为依据。
安装
只需一条命令,即可将此技能安装到任何支持技能的 Agent 中:
npx skills add mowgli-ai/skills
不支持技能?改用 MCP 服务
如果你的 Agent 不支持 Agent 技能,或无法运行终端命令,可以通过连接以下 Mowgli MCP 服务,实现相同的 Mowgli 互操作能力:
https://app.mowgli.ai/mcp
链接
- Mowgli — https://mowgli.ai/agent
- Vercel 技能目录 — https://skills.sh
评论
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。