Skip to content
mcp/skillhub

Agent Skill

Typeui skill

typeuibergside/typeuiplugins/openclaw/typeui/skills/typeui/SKILL.md

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.

2.1kMIT

always on

38 tokname + description

once used

349 tokSKILL.md body

bundled files

0

repo stars

2.1kGitHub

Install the Typeui skill

Skills CLI (Claude Code, Codex, Cursor and others)

npx skills add https://github.com/bergside/typeui --skill typeui

Claude Code, by hand (all projects)

git clone --depth 1 https://github.com/bergside/typeui.git /tmp/typeui
mkdir -p ~/.claude/skills
cp -R /tmp/typeui/plugins/openclaw/typeui/skills/typeui ~/.claude/skills/typeui

For one project only, copy the folder into .claude/skills/ in that project instead. The agent picks it up when a task matches its description.

What it costs your context

Agent Skills load in three steps. Tokens counted with the o200k tokenizer; your model's count will differ a little.

WhenWhat loadsCost
Every sessionName and description38 tok
When the agent uses itThe SKILL.md instructions349 tok
Only if openedNo bundled files—

Until it is used, typeui costs about 36× less than the median MCP server we measured (1,363 tokens on every turn). Installing all 4 skills from bergside/typeui would load 177 tokens of descriptions. Skills vs MCP study

Checks

Our checks found nothing to flag: it follows the Agent Skills specification's naming and size guidelines and doesn't pipe downloads into a shell.

Checked 2026-10-22 · method

What's inside

The headings of its SKILL.md. Read the full file on GitHub.

  • TypeUI for OpenClaw
  • What TypeUI Provides
  • How to Use TypeUI
  • MCP Server
  • Prompt Examples

More skills from bergside/typeui

All skills in this repo
  1. typeuibergside/typeui

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

    2.1k37 tok idle · 316 in use
  2. typeuibergside/typeui

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

    2.1k37 tok idle · 342 in use
  3. typeui-fundamentalsbergside/typeui

    Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements. Use when making design decisions not covered by a specific design system, validating principle compliance, or resolving conflicts between aesthetics and accessibility. Design-system-agnostic and applies to every surface.

    2.1k65 tok idle · 642 in use