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.
Install / Use
npx skills add bergside/typeui --skill typeuiInstalls into whichever agent you are using.
SKILL.md
Installable skill definition
Quality Score
Category
Development & EngineeringSupported Platforms
Our assessment of typeui
typeui scores 80/100 on our quality scale, 2350th of 3,680 Development & Engineering skills we index.
Its SKILL.md is 1.7 KB long, split into 5 sections with 2 code examples: moderately detailed.
With 1,975 GitHub stars, it is one of the more widely adopted skills in the catalogue.
Maintenance, license and trust
- The repository was last updated about 3 months ago, so typeui is actively maintained.
- No license is declared. By default that means all rights are reserved: you can read it, but reusing or redistributing it is not clearly permitted. Ask the author before building on it commercially.
- Its trust signals score 88/100, with 1 caution from licensing, adoption, age or documentation. These come from repository metadata, not a code audit — read the skill file before letting an agent act on it.
Safety scan
No issues foundOur scan of the whole file found no instruction hijacking, hidden characters, credential access, data exfiltration or destructive commands.
Automated pattern scan on 2026-09-30. It catches known dangerous patterns, not every risk — read a skill before letting an agent act on it.
typeui compared with similar skills
All 4 of these similar skills score higher than typeui; compare them before choosing.
| Skill | Score | Stars | Updated | Format |
|---|---|---|---|---|
| typeui (this skill)by bergside | 80 | 2.0k | 3mo ago | SKILL.md |
| Agent-Reachby Panniantong | 100 | 86.2k | 14d ago | CLAUDE.md |
| headroomby headroomlabs-ai | 100 | 74.1k | today | CLAUDE.md |
| rufloby ruvnet | 100 | 73.5k | today | CLAUDE.md |
| CowAgentby zhayujie | 100 | 47.2k | today | CLAUDE.md |
Frequently asked questions
- How do I install typeui?
- Run
npx skills add bergside/typeui --skill typeui. The install tabs above show the steps for each supported agent. - Which AI agents does typeui work with?
- It is written for Universal, as a SKILL.md file. Other agents that read the same format can often use it too.
- Is typeui safe to use?
- Our scan of the whole file found no instruction hijacking, hidden characters, credential access, data exfiltration or destructive commands. It declares no license and scores 88/100 on trust signals. Skills are instructions an agent will follow, so read the file before installing it and do not approve commands you do not understand.
- Is typeui still maintained?
- The repository was last updated about 3 months ago, so typeui is actively maintained.
Skill content
View source on GitHubname: typeui description: 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. license: MIT metadata: author: Bergside LLC homepage: https://www.typeui.sh
TypeUI for Grok
Use this skill when the user wants Grok 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
- Prefer TypeUI MCP tools when they are available in the session.
- Ask the user which TypeUI project or design skill to use if the request does not specify one.
- Apply the selected project context before choosing colors, type, spacing, component tone, or page composition.
- Treat brand kit values as brand parameters only: logo, project name, typography, and brand colors.
- Treat the design skill as the source of UI style, component behavior, visual hierarchy, spacing, and interaction patterns.
MCP Server
This plugin registers the TypeUI remote MCP server:
https://mcp.typeui.sh
If the server is not available in the current Grok session, connect it manually:
grok mcp add --transport http typeui https://mcp.typeui.sh
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.
Related Skills
Agent-Reach
86.2kGive your AI agent eyes to see the entire internet. Read & search Twitter, Reddit, YouTube, GitHub, Bilibili, XiaoHongShu — one CLI, zero API fees.
headroom
74.1kCompress tool outputs, logs, files, and RAG chunks before they reach the LLM. 20% fewer tokens for coding agents, 60-95% fewer tokens for JSON, same answers. Library, proxy, MCP server.
ruflo
73.5k🌊 The original agent harness. Deploy intelligent multi-player swarms, coordinate autonomous workflows, and build conversational AI systems. Features adaptive memory, self-learning intelligence, federation, vector RAG integration, and native Claude Code / Codex / Hermes and many more Integrated
CowAgent
47.2kOpen-source personal AI assistant & Agent Harness. Plans tasks, runs tools and skills, self-evolves with memory and knowledge. Multi-agent, multi-model, multi-channel. Lightweight, extensible, one-line install.
Languages
Trust signals
From repository metadata: license, adoption, age and documentation. Not a code audit — see the Safety scan above for what the skill file itself contains.