TypeUI

社区

用 AI 构建更好的用户界面

分类: 开发工具第 295 / 438
Stars: ★ 2.1k 非常热门
传输方式: Streamable HTTP
运行环境: 远程托管（无需本地环境） · Node.js
凭据: 无需凭据
许可证: 其他 / 未声明
最近提交: 3 个月前

46FMRS · D

TypeUI 提供面向 AI 编程工具的设计系统、UI 提示词和布局变体资源，并通过 Streamable HTTP MCP 服务器提供访问。源材料未列出具体工具、认证方式或安装配置示例；许可证字段为 NOASSERTION，但 README 声明 CLI 和公开注册表采用 MIT License。

最强项 · 安装易用性 12/20 最弱项 · 可靠性 7/20

可靠性

7/20

安全与权限

8/20

维护活跃度

8/20

文档质量

11/20

安装易用性

12/20

查看各项评分依据

可靠性 7/20: 仅提供一个 streamable-http 远程端点，源材料没有工具列表、初始化/工具握手记录、测试、CI 或错误处理证据，因此只能判断正常路径可能可用；缺少可复现性、边界情况和故障诊断证据，扣分。
安全与权限 8/20: 未发现恶意行为、凭据窃取或危险默认副作用的证据，但远程服务的数据流、认证方式、权限范围、第三方网络访问和数据保留策略均未说明；缺少最小权限和确认机制证据，扣分。
维护活跃度 8/20: 仓库未归档且只有 2 个开放 issue，manifest 有版本号，README 声称 CLI 和公共 registry 使用 MIT；但对象中的许可证为 NOASSERTION，且没有提交历史、发布节奏、依赖更新、安全响应渠道或维护者承诺证据，扣分。
文档质量 11/20: README 对产品用途、多个客户端接入、设计技能、提示分类和 CLI 命令提供了较丰富的说明；但没有 MCP 工具/参数清单、认证说明、服务限制、成本、实际配置示例或故障排查内容，且远程服务能力无法由文档充分核验，扣分。
安装易用性 12/20: manifest 明确给出 HTTPS streamable-http 端点，README 列出大量客户端指南并提供 CLI 安装命令；但具体客户端配置、运行时前置条件、认证步骤和连接验证证据主要通过外部链接指向，源材料未提供可直接复核的完整端到端步骤，扣分。

静态评测 · 未实际运行收录于 2026-08-14

查看 FMRS 评分方法 →

选型与风险

能访问什么访问网络

适合谁

使用 AI 编程工具构建网站或应用的开发者
需要设计系统、界面提示词和布局参考的团队
支持 markdown 文件或通用提示词工作流的 AI 用户

不适合谁

需要已明确列出 MCP 工具名称及其参数的用户
只需要传统设计软件而不使用 AI 编程工具的用户
需要源材料未提供的认证、权限或私有资源保证的场景

所需权限

需要客户端访问远程 MCP 地址 https://mcp.typeui.sh/mcp
本地 CLI 工作流需要在项目环境中安装依赖并写入生成的 SKILL.md 或 DESIGN.md 文件
源材料未说明远程服务器所需的认证权限

风险与副作用

服务器清单未列出具体 MCP 工具，因此无法据此确认可调用能力
源材料未提供认证配置或数据处理说明
生成的设计指导仍需人工检查，以确保符合项目需求和 UI/UX 基础原则
Pro 版本包含增强设计技能、布局提示词和私有 Discord 社区，相关资源可能不属于公开内容

安装接入

准备工作

运行环境：远程托管（无需本地环境） · Node.js

将支持 MCP 的 AI 编程工具连接到 https://mcp.typeui.sh/mcp，并按照对应客户端的 TypeUI 指南完成配置。也可以使用 npx skills add https://github.com/bergside/typeui --skill typeui-fundamentals 在本地安装 UI/UX 基础技能。

验证是否装好

在客户端中连接托管端点 https://mcp.typeui.sh/mcp 后，用一句自然语言请求（例如“给我一个 Bento 风格的 Hero 布局”）验证是否能返回 TypeUI 的设计系统、提示或布局指引；也可运行 npx typeui.sh generate 确认 CLI 能生成 SKILL.md/DESIGN.md 文件。

常见排障

确认客户端支持 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 工作流

试试这样问

连接成功后，可以直接对 AI 助手这样说：

为我的登录页使用 Glassmorphism 设计风格生成 UI
给我看几种 Hero 区块的布局变体
帮我把这个定价页面改成 Bento 风格的设计系统
根据 TypeUI 的设计基础原则检查我页面的间距和排版

使用场景

为网站和应用生成设计方向

获取设计系统与 UI 提示词

探索营销页面和应用页面的布局变体

为 AI 生成的界面补充间距、字体和色彩对比等 UI/UX 基础原则

使用 TypeUI CLI 生成、更新、随机化或拉取本地设计文件

支持客户端

Codex部分支持

Claude部分支持

Cursor部分支持

Grok部分支持

Z.ai部分支持

Hermes部分支持

OpenClaw部分支持

Eve部分支持

Mistral部分支持

OpenCode部分支持

VS Code部分支持

Antigravity部分支持

Windsurf部分支持

JetBrains IDEs部分支持

Zed部分支持

GitHub Copilot部分支持

Cline部分支持

Qwen部分支持

Amp部分支持

Goose部分支持

依据项目文档列出，未经本站实测。

详细介绍

TypeUI 是一个 AI 优先的平台，通过设计技能、UI 提示词和布局变体指导，帮助 AI 编程工具生成更好的网站与应用界面。其资源支持 markdown 文件或通用提示词的 AI 提供商。该 MCP 服务器通过远程 Streamable HTTP 地址提供服务。