这个 Skill 能做什么，适合哪些场景？
typeui 是 Bergside LLC 发布的一个面向 Grok 的技能，通过 TypeUI 的远程 MCP 服务器（https://mcp.typeui.sh）为 UI 生成提供项目上下文。它提供四类资源：项目设计技能、含 logo/字体/品牌色的品牌套件、常见界面区块与整产品流程的 UI 提示词库，以及布局变体指引。该技能属于 bergside/typeui 仓库（共打包 4 个技能）中 plugins/grok/typeui/skills/typeui/SKILL.md 下的这一个。适合希望在 AI 生成 UI 时保持一致视觉方向和品牌一致性的开发者。
该技能本身是一份指导性 SKILL.md：指示 Grok 在会话中优先使用 TypeUI MCP 工具；在请求未指定时询问用户使用哪个 TypeUI 项目或设计技能；在决定颜色、字体、间距、组件风格和页面构图之前先应用所选项目上下文；并区分品牌参数（logo、项目名、字体、品牌色）与设计技能（UI 风格、组件行为、视觉层级、间距、交互模式）。它注册远程 MCP 服务器 https://mcp.typeui.sh，实际的设计资源由该服务器提供，而非本地文件。
- 使用 Grok 构建落地页的开发者，希望直接套用自己在 TypeUI 中的项目设计上下文
- 需要在多个页面中保持品牌一致性（logo、字体、品牌色）的产品团队
- 想为定价区、仪表盘等常见区块快速生成多个布局变体再择优实现的设计师
- 在重设计现有界面之前，希望先拉取项目设计技能作为风格依据的工程师
如何安装这个 Skill？
- Shell / 命令行
- 网络访问
- MCP Server
TypeUI remote MCP server (https://mcp.typeui.sh)Grok CLI (for grok mcp add command)
该技能位于 bergside/typeui 仓库的 plugins/grok/typeui/skills/typeui/ 目录（README 未单独说明此子技能的安装命令）。若当前 Grok 会话中 TypeUI MCP 服务器不可用，可手动连接：grok mcp add --transport http typeui https://mcp.typeui.sh
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/bergside/typeui.git "$tmp"
mkdir -p ~/.claude/skills
cp -R "$tmp/plugins/grok/typeui/skills/typeui" ~/.claude/skills/
rm -rf "$tmp"根据源仓库地址和 Skill 路径自动生成，只复制这个 Skill 的文件夹。如果上文有作者提供的安装方式，请优先按作者说明操作；想只在当前项目中使用，把 ~/.claude/skills 换成项目里的 .claude/skills。
如何使用这个 Skill？
安装后，把下面任意一句发给 Agent 即可触发：
- 使用我的 TypeUI 项目构建一个落地页
- 用 TypeUI 生成三个定价区变体
- 使用我的 TypeUI 设计技能重新设计这个仪表盘
- 在修改 UI 前先拉取该项目的 TypeUI 上下文
在已连接 TypeUI MCP 的 Grok 会话中直接用自然语言提出 UI 请求，例如："使用我的 TypeUI 项目构建一个落地页"、"用 TypeUI 生成三个定价区变体"、"使用我的 TypeUI 设计技能重新设计这个仪表盘"、"在修改 UI 前先拉取该项目的 TypeUI 上下文"。若请求未指明项目，技能会引导先确认使用哪个项目或设计技能。
这个 Skill 有哪些优点和局限？
- 通过远程 MCP 服务器接入，无需在本地维护设计资源文件
- 明确区分品牌套件与设计技能的职责边界，避免风格与品牌信息混用
- 支持布局变体生成，可在实现前比较多个方案
- SKILL.md 采用 MIT 许可，作者与主页信息完整
- 强依赖 TypeUI 远程 MCP 服务器的可用性，服务器离线时技能基本失去作用
- 该 SKILL.md 明确面向 Grok（含 grok mcp add 命令），在其他平台上使用需要手动适配
- 实际设计资源托管在 typeui.sh，README 提到存在付费 Pro 版本，免费与付费资源边界未在技能文件中说明
- 仓库级别的 GitHub 许可标记为 NOASSERTION，与 SKILL.md 中的 MIT 声明需自行核实适用范围
这个 Skill 与同类方案有什么区别？
与相关 Skills 并排比较；分数均按同一 FSRS 标准得出。
| Skill | FS 评分 | Star 数 | 最近更新 | License |
|---|---|---|---|---|
| TypeUI for Grok 本页 | 59 · 推荐 | ★ 2k | 3 个月前 | NOASSERTION |
| TypeUI（Hermes Agent 设计技能） | 59 · 推荐 | ★ 2k | 3 个月前 | NOASSERTION |
| TypeUI（OpenClaw 版） | 59 · 推荐 | ★ 2k | 3 个月前 | NOASSERTION |
| Stitch 提示词增强器 | 49 · 谨慎使用 | ★ 8.5k | 2 个月前 | Apache-2.0 |
| Stitch 设计系统管家 | 45 · 不推荐 | ★ 8.5k | 2 个月前 | Apache-2.0 |
README 中明确提到可独立安装的 typeui-fundamentals 技能（UI/UX 基础原则），是同仓库内的替代/补充选择；本技能则依赖 TypeUI MCP 提供项目级设计上下文，二者定位不同。
FollowSkills 如何评估这个 Skill？
面向 Grok 的 TypeUI 平台适配版本，4 个平台变体（本条为 Grok 版）内容高度相似，本质是同一套设计系统上下文接入。
通过远程 MCP 服务器（mcp.typeui.sh）接入品牌资产和设计上下文，涉及连接第三方托管服务，具体数据流未核实。
点击维度查看打分理由
证据充分度：低 — 主要依赖静态检查、作者材料或有限演示；适合发现线索，不适合做高风险决策。
本条评估按 FSRS 1.0 标准完成，维度分不做换算，已进入按 FSRS 2.0 重新评估的复核队列。
查看完整评分方法 →