Skip to content
mcp/skillhub

Agent Skill

Typeui Fundamentals skill

typeui-fundamentalsbergside/typeuiskills/fundamentals/SKILL.md

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.1kMIT

always on

65 tokname + description

once used

642 tokSKILL.md body

bundled files

5271 KB

repo stars

2.1kGitHub

Install the Typeui Fundamentals skill

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

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

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/skills/fundamentals ~/.claude/skills/typeui-fundamentals

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 description65 tok
When the agent uses itThe SKILL.md instructions642 tok
Only if opened5 bundled files (271 KB)varies

Until it is used, typeui-fundamentals costs about 21× 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

  • The name doesn't match its folder name, as the specification requires.

Checked 2026-10-22 · method

What's inside

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

  • Design Fundamentals — Agent Instructions
  • Load order
  • Module index
  • What these files are NOT
  • Conflict resolution
  • When the design system is silent, these principles decide

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. typeuibergside/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.

    2.1k38 tok idle · 349 in use