TypeUI

TypeUI is a Frontend skill for Claude Code, published by bergside in typeui.

1.8K stars132 forkson bergside/typeuiAdded 2026/08/19+1% in starsRepository updated 2026/07/04

agent-skillsaiai-toolsclaude-designclicodexdesigndesign-mddesign-systemdesign-toolsgeminigemini-cli-extensiongoogle-stitchskillsterminalui

Install in seconds

Install TypeUI

Copy TypeUI into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.

terminal

npx degit https://github.com/bergside/typeui/tree/main/plugins/hermes/typeui/typeui_hermes/skills/typeui ~/.claude/skills/typeui

Requires Node.js. Downloads this skill only — not the rest of the repository — into your Claude Code skills folder.

Without Node.js

git clone https://github.com/bergside/typeui.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file: plugins/hermes/typeui/typeui_hermes/skills/typeui/SKILL.md in bergside/typeui
Installs to: ~/.claude/skills/typeui
Collection: One of 4 skills cataloged from this repository
Category: Frontend — 567 skills

What TypeUI does

TypeUI provides project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when building or refining user interfaces with Hermes Agent. Use it to apply consistent visual direction before choosing colors, type, spacing, or composition.

TypeUI is cataloged under Frontend on DirSkills. TypeUI comes from a repository tagged agent-skills, ai, ai-tools, claude-design and cli.

Documentation

README

Excerpt

TypeUI for Hermes Agent

Use this skill when the user wants Hermes Agent 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

This is the opening of the README. Read the full README on GitHub.

Frequently asked about TypeUI

What else does bergside publish alongside TypeUI?
TypeUI is one of 4 skills that DirSkills catalogs from bergside/typeui, the repository it ships in. Its siblings there include TypeUI, TypeUI and TypeUI Fundamentals. Each one is a separate skill with its own page in this directory, installs the same way TypeUI does, and is maintained by bergside in that same repository. The rest of the collection is listed on the bergside/typeui page.
How does TypeUI compare to other Frontend skills?
TypeUI ranks #268 by stars among the 567 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of TypeUI against them. Open each page to compare what they document and how they install.