TypeUI（OpenClaw 版）
通过 TypeUI MCP 服务器为 AI 代理注入项目设计技能、品牌套件、UI 提示词和布局变体指导，让生成的界面更符合设计规范。
同上，OpenClaw 平台适配版本，同样接入远程 MCP 服务器。
这个 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 有哪些优点和局限？
- 将品牌规范与设计技能分离：品牌套件只提供参数，设计技能决定风格与交互，边界清晰
- 远程 MCP 服务器即插即用，一条命令即可接入 OpenClaw
- 提示词库和布局变体指导帮助代理在实现前探索多个方案
- 技能文件为 MIT 许可，明确开源
- 强依赖 TypeUI 远程服务（https://mcp.typeui.sh），离线或服务不可用时技能基本无法发挥价值
- README 标注仓库许可证为 NOASSERTION，与 SKILL.md 的 MIT 声明不完全一致，商业使用前需自行核实
- 实际效果依赖 TypeUI 平台侧的项目配置，源材料未提供质量基准或测试证据
- 本技能针对 OpenClaw 编写，在其他代理平台使用需自行适配 MCP 配置
如何安装这个 Skill？
插件包会安装 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 中同类技能的用法）。
如何使用这个 Skill？
安装 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 项目或设计技能。