适合谁
- 使用 AI 编程工具构建网站或应用的开发者
- 需要设计系统、界面提示词和布局参考的团队
- 支持 markdown 文件或通用提示词工作流的 AI 用户
T
46FMRS · D
TypeUI 提供面向 AI 编程工具的设计系统、UI 提示词和布局变体资源，并通过 Streamable HTTP MCP 服务器提供访问。源材料未列出具体工具、认证方式或安装配置示例；许可证字段为 NOASSERTION，但 README 声明 CLI 和公开注册表采用 MIT License。
TypeUI 是一个 AI 优先的平台，通过设计技能、UI 提示词和布局变体指导，帮助 AI 编程工具生成更好的网站与应用界面。其资源支持 markdown 文件或通用提示词的 AI 提供商。该 MCP 服务器通过远程 Streamable HTTP 地址提供服务。
工具能力
暂未整理工具清单。
安装接入
将支持 MCP 的 AI 编程工具连接到 https://mcp.typeui.sh/mcp，并按照对应客户端的 TypeUI 指南完成配置。也可以使用 npx skills add https://github.com/bergside/typeui --skill typeui-fundamentals 在本地安装 UI/UX 基础技能。
选型与风险
不适合谁
- 需要已明确列出 MCP 工具名称及其参数的用户
- 只需要传统设计软件而不使用 AI 编程工具的用户
- 需要源材料未提供的认证、权限或私有资源保证的场景
所需权限
- 需要客户端访问远程 MCP 地址 https://mcp.typeui.sh/mcp
- 本地 CLI 工作流需要在项目环境中安装依赖并写入生成的 SKILL.md 或 DESIGN.md 文件
- 源材料未说明远程服务器所需的认证权限
风险与副作用
- 服务器清单未列出具体 MCP 工具，因此无法据此确认可调用能力
- 源材料未提供认证配置或数据处理说明
- 生成的设计指导仍需人工检查，以确保符合项目需求和 UI/UX 基础原则
- Pro 版本包含增强设计技能、布局提示词和私有 Discord 社区，相关资源可能不属于公开内容
常见排障
- 确认客户端支持 MCP 的 Streamable HTTP 连接
- 检查客户端是否使用 https://mcp.typeui.sh/mcp 作为服务器地址
- 参考 README 中对应 AI 工具的 TypeUI 指南
- 若使用本地 CLI，先运行 npm install 和 npm run build，再使用 node dist/cli.js --help
- 确认生成文件格式与目标路径符合 SKILL.md 或 DESIGN.md 工作流
使用场景
为网站和应用生成设计方向
获取设计系统与 UI 提示词
探索营销页面和应用页面的布局变体
为 AI 生成的界面补充间距、字体和色彩对比等 UI/UX 基础原则
使用 TypeUI CLI 生成、更新、随机化或拉取本地设计文件
支持客户端
Codex部分支持
Claude部分支持
Cursor部分支持
Grok部分支持
Z.ai部分支持
Hermes部分支持
OpenClaw部分支持
Eve部分支持
Mistral部分支持
OpenCode部分支持
Visual Studio Code部分支持
Antigravity部分支持
Windsurf部分支持
JetBrains部分支持
Zed部分支持
GitHub Copilot部分支持
Cline部分支持
Qwen部分支持
Amp部分支持
Goose部分支持