TypeUI Fundamentals

TypeUI Fundamentals 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 Fundamentals

Copy TypeUI Fundamentals 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/skills/fundamentals ~/.claude/skills/fundamentals

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: skills/fundamentals/SKILL.md in bergside/typeui
Installs to: ~/.claude/skills/fundamentals
Collection: One of 4 skills cataloged from this repository
Category: Frontend — 567 skills

What TypeUI Fundamentals does

TypeUI Fundamentals provides universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements. Use it when making design decisions not covered by a specific design system, validating principle compliance, or resolving conflicts between aesthetics and accessibility.

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

Documentation

README

Excerpt

Design Fundamentals — Agent Instructions

Universal design principles that define why patterns work, how to apply them correctly, and what accessibility requirements are non-negotiable. These are timeless, design-system-agnostic foundations that apply to every surface regardless of vertical or workflow phase.

Load order

Read these files after loading the design system (SKILL.md / DESIGN.md + token modules). The design system tells you what token to use; these files explain why that decision is correct and how to avoid common principle violations.

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

Frequently asked about TypeUI Fundamentals

What else does bergside publish alongside TypeUI Fundamentals?
TypeUI Fundamentals is one of 4 skills that DirSkills catalogs from bergside/typeui, the repository it ships in. Its siblings there include TypeUI, TypeUI and TypeUI. Each one is a separate skill with its own page in this directory, installs the same way TypeUI Fundamentals 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 Fundamentals compare to other Frontend skills?
TypeUI Fundamentals ranks #269 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 Fundamentals against them. Open each page to compare what they document and how they install.