Skip to content
appsgit

Typeui Fundamentals

Typeui Fundamentals is an agent skill (a SKILL.md file) from bergside/typeui. Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements. It works with Claude Code, Codex, Cursor, GitHub Copilot and OpenCode and has 2,017 GitHub stars across a repository of 2 listed skills.

github.com/bergside/typeui/skills/fundamentals (opens in a new tab)

View on GitHub (opens in a new tab)

Add this skill

Claude

This repository is a Claude Code plugin marketplace. In Claude Code:

/plugin marketplace add bergside/typeui
/plugin install typeui@bergside

In the Claude apps, zip the typeui-fundamentals folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

ChatGPT / Codex

Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:

git clone --depth 1 https://github.com/bergside/typeui.git
cp -r typeui/skills/fundamentals .agents/skills/typeui-fundamentals   # repo; ~/.agents/skills for all projects

Standalone skills also load in the ChatGPT desktop app.

Cursor

Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:

git clone --depth 1 https://github.com/bergside/typeui.git
cp -r typeui/skills/fundamentals .cursor/skills/typeui-fundamentals   # project; ~/.cursor/skills for all projects

Source (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), code.claude.com/docs/en/plugin-marketplaces (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)

What this skill does

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.

When it triggers

  • Use when making design decisions not covered by a specific design system, validating principle compliance, or resolving conflicts between aesthetics and accessibility.

More skills in bergside/typeui

2 skills are listed from this repository.

Similar skills

More design & frontend skills

All Design & frontend

FAQ

Typeui Fundamentals FAQ

Still curious? Email info@appsgit.com.

What is the Typeui Fundamentals skill?

Typeui Fundamentals is an agent skill (a SKILL.md file) from bergside/typeui. Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements. It works with Claude Code, Codex, Cursor, GitHub Copilot and OpenCode and has 2,017 GitHub stars across a repository of 2 listed skills. Its SKILL.md lives at github.com/bergside/typeui/skills/fundamentals.

How do I install the Typeui Fundamentals skill?

In Claude Code, run /plugin marketplace add bergside/typeui and then /plugin install typeui@bergside. For Codex or Cursor, copy the typeui-fundamentals folder into .agents/skills/ or .cursor/skills/.

Is the Typeui Fundamentals skill free?

Yes. The repository is open source under the MIT license.

Is Typeui Fundamentals maintained?

The repository's most recent commit was on Jul 4, 2026. Its latest release is v1.0.0. appsgit only lists skills from repositories with a commit in the last six months.