Skip to main content

typeui

Use TypeUI with OpenClaw to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.

来源信息

仓库
bergside/typeui
最近来源活动
2026年6月30日 11:51
检测到的 SKILL.md 语言
英语
星标
2,159
Forks
149

安装方式

默认使用会先检查来源的 Prompt;你也可以切换为直接命令,或下载本地副本。

检查来源文件

决定是否安装前,请先阅读 SKILL.md,以及 SkillsMP 当前展示的配套文件。

正在显示 SKILL.md

SKILL.md
来源说明 · 只读预览
name
typeui
description
Use TypeUI with OpenClaw to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.
license
MIT
metadata
{"author":"Bergside LLC","homepage":"https://www.typeui.sh"}
# TypeUI for OpenClaw Use this skill when the user wants OpenClaw to build, redesign, or refine UI with TypeUI context. ## What TypeUI Provides - Project design skills for consistent visual direction. - Brand kits with project name, logo, typography, and brand color tokens. - UI prompt libraries for common interface sections and full-product flows. - Layout variation guidance for producing better options before implementation. ## How to Use TypeUI 1. Prefer TypeUI MCP tools when they are available in the session. 2. Ask the user which TypeUI project or design skill to use if the request does not specify one. 3. Apply the selected project context before choosing colors, type, spacing, component tone, or page composition. 4. Treat brand kit values as brand parameters only: logo, project name, typography, and brand colors. 5. Treat the design skill as the source of UI style, component behavior, visual hierarchy, spacing, and interaction patterns. ## MCP Server This plugin package installs the TypeUI remote MCP server: ```text https://mcp.typeui.sh ``` If TypeUI tools are not available in the current OpenClaw session, install the MCP server with the plugin command: ```bash openclaw typeui install-mcp openclaw mcp login typeui ``` OpenClaw agents can also call `typeui_install_mcp` to write the TypeUI MCP server entry. ## Prompt Examples - 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.
在 GitHub 查看