这个 Skill 能做什么，适合哪些场景？
TypeUI 是 Bergside LLC 推出的 AI 优先设计平台，本技能将其接入 OpenClaw 代理环境。安装后，代理可在构建、重设计或优化 UI 时调用 TypeUI MCP 服务器，获取项目设计技能、品牌套件（项目名、Logo、字体、品牌色令牌）、UI 提示词库和布局变体指导。技能的核心职责是引导代理优先使用 TypeUI 上下文，再决定颜色、字体、间距、组件风格和页面构成。品牌套件仅作为品牌参数使用，设计技能则决定 UI 风格、组件行为、视觉层级与交互模式。该远程 MCP 服务器地址为 https://mcp.typeui.sh。
指导代理在会话中优先调用 TypeUI MCP 工具；在用户未指定项目时询问应使用哪个 TypeUI 项目或设计技能；将所选项目的品牌套件值（Logo、项目名、字体、品牌色）作为品牌参数应用；将设计技能作为 UI 风格、组件行为、视觉层级、间距和交互模式的依据；并可通过 openclaw 命令安装远程 MCP 服务器。
- 使用 OpenClaw 的开发者想让代理基于已有 TypeUI 项目上下文生成落地页
- 设计师希望代理为定价区块一次性产出三个布局变体再做选择
- 团队需要代理在改版仪表盘时自动套用项目的品牌色、字体与组件风格
- 前端工程师想在修改 UI 前先拉取项目的 TypeUI 设计上下文保持一致性
如何安装这个 Skill？
- Shell / 命令行
- 网络访问
- MCP Server
TypeUI remote MCP server (https://mcp.typeui.sh)OpenClaw CLI for install commands
插件包会安装 TypeUI 远程 MCP 服务器（https://mcp.typeui.sh）。若当前 OpenClaw 会话中没有 TypeUI 工具，运行：openclaw typeui install-mcp 然后 openclaw mcp login typeui。代理也可调用 typeui_install_mcp 写入 MCP 服务器条目。整个仓库可用 npx skills add https://github.com/bergside/typeui --skill typeui 安装（源文档未给出该具体技能名的安装示例，此命令形式来自 README 中同类技能的用法）。
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/bergside/typeui.git "$tmp"
mkdir -p ~/.claude/skills
cp -R "$tmp/plugins/openclaw/typeui/skills/typeui" ~/.claude/skills/
rm -rf "$tmp"根据源仓库地址和 Skill 路径自动生成，只复制这个 Skill 的文件夹。如果上文有作者提供的安装方式，请优先按作者说明操作；想只在当前项目中使用，把 ~/.claude/skills 换成项目里的 .claude/skills。
如何使用这个 Skill？
安装后，把下面任意一句发给 Agent 即可触发：
- Use my TypeUI project and build a landing page
- Generate three pricing section variations with TypeUI
- Redesign this dashboard using my TypeUI design skill
- Pull the TypeUI context for this project before changing the UI
安装 MCP 后直接用自然语言触发，例如："Use my TypeUI project and build a landing page"、"Generate three pricing section variations with TypeUI"、"Redesign this dashboard using my TypeUI design skill"、"Pull the TypeUI context for this project before changing the UI"。若请求未指明项目，技能会先询问使用哪个 TypeUI 项目或设计技能。
这个 Skill 有哪些优点和局限？
- 将品牌规范与设计技能分离：品牌套件只提供参数，设计技能决定风格与交互，边界清晰
- 远程 MCP 服务器即插即用，一条命令即可接入 OpenClaw
- 提示词库和布局变体指导帮助代理在实现前探索多个方案
- 技能文件为 MIT 许可，明确开源
- 强依赖 TypeUI 远程服务（https://mcp.typeui.sh），离线或服务不可用时技能基本无法发挥价值
- README 标注仓库许可证为 NOASSERTION，与 SKILL.md 的 MIT 声明不完全一致，商业使用前需自行核实
- 实际效果依赖 TypeUI 平台侧的项目配置，源材料未提供质量基准或测试证据
- 本技能针对 OpenClaw 编写，在其他代理平台使用需自行适配 MCP 配置
这个 Skill 与同类方案有什么区别？
与相关 Skills 并排比较；分数均按同一 FSRS 标准得出。
| Skill | FS 评分 | Star 数 | 最近更新 | License |
|---|---|---|---|---|
| TypeUI（OpenClaw 版） 本页 | 59 · 推荐 | ★ 2k | 3 个月前 | NOASSERTION |
| TypeUI for Grok | 59 · 推荐 | ★ 2k | 3 个月前 | NOASSERTION |
| TypeUI（Hermes Agent 设计技能） | 59 · 推荐 | ★ 2k | 3 个月前 | NOASSERTION |
| Stitch 提示词增强器 | 49 · 谨慎使用 | ★ 8.5k | 2 个月前 | Apache-2.0 |
| Stitch 设计系统管家 | 45 · 不推荐 | ★ 8.5k | 2 个月前 | Apache-2.0 |
FollowSkills 如何评估这个 Skill？
同上，OpenClaw 平台适配版本，同样接入远程 MCP 服务器。
点击维度查看打分理由
证据充分度：低 — 主要依赖静态检查、作者材料或有限演示；适合发现线索，不适合做高风险决策。
本条评估按 FSRS 1.0 标准完成，维度分不做换算，已进入按 FSRS 2.0 重新评估的复核队列。
查看完整评分方法 →