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.
npx skills add bergside/typeui --skill typeui --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# 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 typ
- What TypeUI Provides
- How to Use TypeUI
- MCP Server
- Prompt Examples
openclaw typeui install-mcp openclaw mcp login typeui
What does the typeui skill do?
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.
How do I install it?
Run `npx skills add bergside/typeui --skill typeui --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From bergside/typeui, a repository with 1,701 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.