G2 Design System UI Kit

nexu-io/g2-design-system-ui-kit

Use this skill when generating Open Design artifacts that should follow the HiCatcat G2 AR glasses HUD design system.

174 tokens

context cost

the whole folder, loaded on every use

files

instructions only

copies elsewhere

how many repositories repackaged it

83386

stars on the repo

on the repository, not the skill itself

Install

one command, takes just this skill from the repository

npx skills add https://github.com/nexu-io/open-design --skill g2-design-system-ui-kit

The instruction itself

as written by the author

Read SKILL.md, README.md, colors_and_type.css, index.html, and the files under components/ before generating a new G2 HUD interface.

Use the source-backed G2 cues: black canvas, white and gray text hierarchy, #333333 controls, #0D76FF selected state, #0D76FFA6 focus/touch feedback, Noto Sans Medium/Bold, and compact/regular display modes.

Do not use warm brand accents, generic SaaS dashboard patterns, marketing-page hero sections, or references to files not packaged in this plugin.

How to use it

Copy the folder

Take nexu-io/g2-design-system-ui-kit from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.