Agent skill

Brand Systems

by HermeticOrmus in HermeticOrmus/LibreUIUX-Claude-Code

Brand identity building blocks: positioning, personality, archetypes, logo systems, color palettes, type pairing, voice, and guidelines documentation.

MITAuto-check passedFrontend & Design

Install Brand Systems

skills CLI

$ npx skills add HermeticOrmus/LibreUIUX-Claude-Code --skill brand-systems -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install HermeticOrmus/LibreUIUX-Claude-Code brand-systems --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/HermeticOrmus/LibreUIUX-Claude-Code.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/design-mastery/skills/brand-systems .claude/skills/brand-systems && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "brand-systems" agent skill from https://github.com/HermeticOrmus/LibreUIUX-Claude-Code/tree/main/plugins/design-mastery/skills/brand-systems into .claude/skills/brand-systems/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "brand-systems", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/HermeticOrmus/LibreUIUX-Claude-Code/tree/main/plugins/design-mastery/skills/brand-systems

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add HermeticOrmus/LibreUIUX-Claude-Code --skill brand-systems -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install HermeticOrmus/LibreUIUX-Claude-Code brand-systems --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/HermeticOrmus/LibreUIUX-Claude-Code.git skills-src && mkdir -p .agents/skills && cp -r skills-src/plugins/design-mastery/skills/brand-systems .agents/skills/brand-systems && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "brand-systems" agent skill from https://github.com/HermeticOrmus/LibreUIUX-Claude-Code/tree/main/plugins/design-mastery/skills/brand-systems into .agents/skills/brand-systems/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "brand-systems", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add HermeticOrmus/LibreUIUX-Claude-Code --skill brand-systems -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install HermeticOrmus/LibreUIUX-Claude-Code brand-systems --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/HermeticOrmus/LibreUIUX-Claude-Code.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/plugins/design-mastery/skills/brand-systems .cursor/skills/brand-systems && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "brand-systems" agent skill from https://github.com/HermeticOrmus/LibreUIUX-Claude-Code/tree/main/plugins/design-mastery/skills/brand-systems into .cursor/skills/brand-systems/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "brand-systems", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/HermeticOrmus/LibreUIUX-Claude-Code.git --path plugins/design-mastery/skills/brand-systems

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add HermeticOrmus/LibreUIUX-Claude-Code --skill brand-systems -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install HermeticOrmus/LibreUIUX-Claude-Code brand-systems --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/HermeticOrmus/LibreUIUX-Claude-Code.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/plugins/design-mastery/skills/brand-systems .gemini/skills/brand-systems && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "brand-systems" agent skill from https://github.com/HermeticOrmus/LibreUIUX-Claude-Code/tree/main/plugins/design-mastery/skills/brand-systems into .gemini/skills/brand-systems/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "brand-systems", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install HermeticOrmus/LibreUIUX-Claude-Code brand-systems

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add HermeticOrmus/LibreUIUX-Claude-Code --skill brand-systems -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/HermeticOrmus/LibreUIUX-Claude-Code.git skills-src && mkdir -p .github/skills && cp -r skills-src/plugins/design-mastery/skills/brand-systems .github/skills/brand-systems && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "brand-systems" agent skill from https://github.com/HermeticOrmus/LibreUIUX-Claude-Code/tree/main/plugins/design-mastery/skills/brand-systems into .github/skills/brand-systems/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "brand-systems", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add HermeticOrmus/LibreUIUX-Claude-Code --skill brand-systems -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install HermeticOrmus/LibreUIUX-Claude-Code brand-systems --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/HermeticOrmus/LibreUIUX-Claude-Code.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/plugins/design-mastery/skills/brand-systems .opencode/skills/brand-systems && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "brand-systems" agent skill from https://github.com/HermeticOrmus/LibreUIUX-Claude-Code/tree/main/plugins/design-mastery/skills/brand-systems into .opencode/skills/brand-systems/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "brand-systems", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: brand-systems
GitHub stars: 112
Token cost: ~2.3k tokens
SKILL.md length: 567 words
Files: 6 (incl. references, assets)
Skills in repo: 15
Repo updated: Oct 4, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

Brand identity building blocks: positioning, personality, archetypes, logo systems, color palettes, type pairing, voice, and guidelines documentation.

Works in 5 steps: Strategy Layer (Foundation) → Visual Identity Layer → Voice Layer → …
Creating a brand
SKILL.md covers When to Use This Skill, Brand System Components, Brand Canvas (Quick Reference) and Resources
Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Brand Systems is an agent skill from HermeticOrmus/LibreUIUX-Claude-Code. Brand identity building blocks: positioning, personality, archetypes, logo systems, color palettes, type pairing, voice, and guidelines documentation. Use when creating a brand, rebranding, or turning an existing identity into tokens and rules others can follow.

Its SKILL.md is about 2.3k tokens, which your agent loads only when the skill is triggered. The skill folder holds 7 other files, including reference files and assets (for example `assets/brand-canvas-template.md`, `references/brand-voice.md` and `references/color-palettes.md`).

It sits in Frontend & Design, covering Design systems, Theming and dark mode and Brand strategy and identity. The repository describes itself as: UI/UX system for Claude Code: 71 plugins, 93 agents, 74 skills. Design mastery, archetypal design, accessibility, and frontend workflows in one validated plugin marketplace. The licence is MIT.

When your agent uses it

Creating a brand
Turning an existing identity into tokens and rules others can follow

Example prompts

“/brand-systems”

Workflow steps

5 steps, taken from the step headings in SKILL.md.

Strategy Layer (Foundation)
Visual Identity Layer
Voice Layer
System Layer
Application Layer

What it can do on your machine

Read from SKILL.md and the folder at commit 41a968c. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
No scripts in the folder and no shell commands in SKILL.md (its code samples are javascript and markdown).
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Brand Systems loads about 2.3k tokens when it runs, and up to ~10k if it reads all its reference files. Until then it costs about 69 tokens; SKILL.md has 567 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~69
When it runs · the whole SKILL.md, loaded when a task matches: ~2.3k
With references · SKILL.md plus every file in references/, read only if the agent opens them: ~10k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from HermeticOrmus/LibreUIUX-Claude-Code at commit 41a968c, republished under its MIT licence (© HermeticOrmus). 567 words, ~2,341 tokens.

Download SKILL.mdSave it as .claude/skills/brand-systems/SKILL.md (or your agent's skills folder). This skill also uses 5 other files; get the full folder from GitHub.

name: brand-systems
description: Brand identity building blocks: positioning, personality, archetypes, logo systems, color palettes, type pairing, voice, and guidelines documentation. Use when creating a brand, rebranding, or turning an existing identity into tokens and rules others can follow.

Brand Systems

A brand is a promise made visible. Brand systems are the rules that ensure that promise is kept consistently.

When to Use This Skill

Creating a new brand identity
Rebranding or refreshing an existing identity
Building brand guidelines documentation
Systematizing ad-hoc brand elements
Training others on brand application

Brand System Components

1. Strategy Layer (Foundation)

Positioning Statement

For [target audience]
Who [statement of need]
[Brand] is a [category]
That [key benefit]
Unlike [competitors]
We [key differentiator]

Brand Pillars

Purpose: Why we exist beyond profit
Vision: The future we're creating
Mission: How we'll get there
Values: What we believe (3-5 core values)

Brand Personality

Define 3-5 adjectives with behavioral examples:

Trait	What It Means	What It Doesn't Mean
Bold	Take clear positions	Aggressive/reckless
Approachable	Warm and welcoming	Unprofessional
Innovative	Forward-thinking	Gimmicky

Brand Archetype

Choose primary (and optional secondary) from:

Archetype	Core Desire	Voice Character
Sage	Truth	Knowledgeable, analytical
Innocent	Safety	Optimistic, simple
Explorer	Freedom	Adventurous, authentic
Ruler	Control	Authoritative, refined
Creator	Innovation	Imaginative, visionary
Caregiver	Service	Nurturing, supportive
Magician	Transformation	Visionary, charismatic
Hero	Mastery	Courageous, determined
Outlaw	Liberation	Rebellious, disruptive
Lover	Intimacy	Passionate, sensual
Jester	Enjoyment	Playful, irreverent
Everyman	Belonging	Friendly, humble

2. Visual Identity Layer

Logo System

Logo Types:

Type	Description	Example
Wordmark	Name as logo	Google, Coca-Cola
Lettermark	Initials	IBM, HBO
Symbol	Abstract mark	Nike, Apple
Combination	Symbol + wordmark	Adidas, Lacoste
Emblem	Text inside symbol	Starbucks, NFL

Logo Requirements:

Works at 16px favicon size
Works on dark and light backgrounds
Recognizable in B&W
No gradients that break in print
Clear space rules defined

Logo Lockups:

[Symbol]        [Symbol][Wordmark]       [Wordmark]
                                          [Symbol]
  Symbol          Horizontal              Stacked
  Only            Lockup                  Lockup

Clear Space: Define minimum space around logo (typically height of a logo element):

   ┌──────────────────────────────┐
   │                              │
   │    ┌──────────────────┐      │
   │    │                  │      │
   │    │      LOGO        │      │  ← Clear space = 'X'
   │    │                  │      │    (defined by logo element)
   │    └──────────────────┘      │
   │                              │
   └──────────────────────────────┘

Color Palette

Primary Palette:

Primary:
  Name: [Descriptive name, e.g., "Trust Blue"]
  Hex: #2563eb
  RGB: 37, 99, 235
  HSL: 221, 83%, 53%
  Tailwind: blue-600

  Usage: CTAs, links, primary actions
  Accessible on: white (5.17:1), gray-50 (4.95:1)

Extended Palette:

Primary shades (50-950 scale)
Secondary color (with shades)
Accent color (high contrast)
Neutral scale (gray tones)
Semantic colors (success, warning, error, info)

Color Proportions:

60% - Dominant (backgrounds, large areas)
30% - Secondary (supporting elements)
10% - Accent (highlights, CTAs)

Dark Mode Considerations:

Light Mode          Dark Mode
white           →   gray-900
gray-50         →   gray-800
gray-900        →   white
blue-600        →   blue-400

Typography System

Type Scale:

javascript

const typeScale = {
  xs:     '0.75rem',    // 12px - captions
  sm:     '0.875rem',   // 14px - secondary text
  base:   '1rem',       // 16px - body
  lg:     '1.125rem',   // 18px - lead text
  xl:     '1.25rem',    // 20px - h4
  '2xl':  '1.5rem',     // 24px - h3
  '3xl':  '1.875rem',   // 30px - h2
  '4xl':  '2.25rem',    // 36px - h1
  '5xl':  '3rem',       // 48px - display
  '6xl':  '3.75rem',    // 60px - hero
};

Font Pairing Principles:

Approach	Example	Effect
Contrast	Serif heading + sans body	Classic, editorial
Complement	Geometric heading + humanist body	Modern, friendly
Superfamily	Same family, different weights	Unified, systematic

Recommended Pairs:

Editorial: Playfair Display + Source Sans Pro
Modern: Outfit + Inter
Technical: Space Grotesk + IBM Plex Sans
Elegant: Cormorant Garamond + Lato
Startup: Cal Sans + Geist

Show full SKILL.md (222 more words)Show less

Imagery & Iconography

Photography Style:

Subject matter guidelines
Color treatment (natural, saturated, muted)
Composition preferences
Mood and lighting
What to avoid

Icon System:

Style: [Outlined | Filled | Duotone]
Stroke weight: [1.5px | 2px | 2.5px]
Corner radius: [0 | 2px | rounded]
Grid: [24x24 | 16x16]
Source: [Lucide | Heroicons | Phosphor | Custom]

Illustration Style (if applicable):

Style references
Color usage
Line weight
Level of detail
Character guidelines

3. Voice Layer

Voice Attributes

Define 3-4 constant personality traits:

We are:
1. [Trait 1] - [What this means in practice]
2. [Trait 2] - [What this means in practice]
3. [Trait 3] - [What this means in practice]

We are NOT:
1. [Anti-trait 1]
2. [Anti-trait 2]
3. [Anti-trait 3]

Tone Variations

Voice is constant; tone adapts to context:

Context	Tone Adjustment	Example
Welcome	Warm, enthusiastic	"Welcome! We're excited to have you."
Error	Calm, helpful	"Something went wrong. Here's how to fix it."
Success	Celebratory, brief	"Done! Your changes are live."
Tutorial	Patient, encouraging	"Let's walk through this together."
Legal	Clear, direct	"By continuing, you agree to our terms."

Writing Guidelines

Sentence length preferences
Active vs. passive voice
Punctuation style
Capitalization rules
Words to use/avoid
Jargon policy

4. System Layer

Design Tokens

javascript

// tokens.js
export const tokens = {
  colors: { /* color definitions */ },
  typography: { /* font definitions */ },
  spacing: {
    xs: '0.25rem',   // 4px
    sm: '0.5rem',    // 8px
    md: '1rem',      // 16px
    lg: '1.5rem',    // 24px
    xl: '2rem',      // 32px
    '2xl': '3rem',   // 48px
    '3xl': '4rem',   // 64px
  },
  radii: {
    sm: '0.25rem',
    md: '0.5rem',
    lg: '0.75rem',
    xl: '1rem',
    full: '9999px',
  },
  shadows: { /* shadow definitions */ },
  transitions: {
    fast: '150ms ease-out',
    normal: '200ms ease-out',
    slow: '300ms ease-out',
  },
};

Component Patterns

Document common component patterns:

markdown

## Button

### Variants
- Primary: Main actions
- Secondary: Alternative actions
- Ghost: Tertiary actions
- Destructive: Dangerous actions

### Sizes
- sm: Compact contexts
- md: Default
- lg: Prominent placement

### States
- Default
- Hover
- Active/Pressed
- Focus (keyboard)
- Disabled
- Loading

Layout Patterns

Grid system (12-column, gutters)
Breakpoints
Container widths
Section spacing

5. Application Layer

Touchpoint Guidelines

Document brand application for:

Website
Mobile app
Email templates
Social media profiles
Presentation templates
Print materials
Packaging (if applicable)
Environmental/signage

Do's and Don'ts

Visual examples of correct and incorrect usage:

✓ DO                         ✗ DON'T
─────────────────────────────────────────
Logo on white background     Logo on busy photo
Logo with clear space        Logo crowded by elements
Primary button for CTA       Multiple primary buttons
Consistent icon style        Mixed icon styles

Brand Canvas (Quick Reference)

markdown

# [Brand Name] Brand Canvas

## Who We Are
Purpose: [Why we exist]
Vision: [Future we're creating]
Mission: [How we'll get there]

## Who We Serve
[Target audience description]

## What Makes Us Different
[Key differentiators]

## How We Sound
Voice: [3-4 adjectives]
Archetype: [Primary archetype]

## How We Look
Colors: [Primary, Secondary, Accent]
Typography: [Display font + Body font]
Style: [Visual approach in 2-3 words]

## Our Promise
[The one thing we deliver]

Resources

Read the matching file when a brand task needs more depth than the summary above.

assets/brand-canvas-template.md: Fillable brand canvas
references/logo-design.md: Logo creation principles
references/color-palettes.md: Color theory for branding
references/typography-pairing.md: Font combination guide
references/brand-voice.md: Voice development framework

Files

SKILL.md and 5 other files (references, assets) in plugins/design-mastery/skills/brand-systems of HermeticOrmus/LibreUIUX-Claude-Code.

SKILL.md
assets/brand-canvas-template.md
references/brand-voice.md
references/color-palettes.md
references/logo-design.md
references/typography-pairing.md

Open the folder on GitHubat commit 41a968c

Compare with similar skills

Brand Systems next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Brand Systems compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Brand Systems this skillHermeticOrmus/LibreUIUX-Claude-Code	112	—	~2.3k	Automated safety check: Pass	MIT	6 days ago
Form Brandjeremylongshore/tons-of-skills-marketplace	2.8k	—	~2.1k	Automated safety check: Notes	MIT	today
DesignOhh-889/skyroc	795	9 repos	~3.1k	Automated safety check: Pass	MIT	1 mo ago
Shadcn Tailwind UILiarMTTT/TavernWeave	154	—	~1.7k	Automated safety check: Pass	Custom licence	6 days ago
Design Systemkenneth-liao/ai-launchpad-marketplace	126	—	~4.4k	Automated safety check: Pass	None	6 mo ago
Color Palette ExtractorOneWave-AI/claude-skills	336	1 repos	~659	Automated safety check: Pass	MIT	8 days ago

Similar skills

Form Brand
jeremylongshore/tons-of-skills-marketplace
A skill your agent uses when asked to create a brand identity, define visual design direction, generate a color palette or type system, build a style guide, or establish the look and feel for a…
2.8k GitHub stars~2.1k tokensUpdated today
Frontend & DesignAuto-check: notes
Design
Ohh-889/skyroc
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations…
795 GitHub starsUsed in 9 repos~3.1k tokens
Frontend & DesignAuto-check passed
Shadcn Tailwind UI
LiarMTTT/TavernWeave
Build, restyle, or review accessible React interfaces that use shadcn/ui, Radix UI primitives, and Tailwind CSS.
154 GitHub stars~1.7k tokensUpdated 6 days ago
Frontend & DesignAuto-check passed
Design System
kenneth-liao/ai-launchpad-marketplace
Create, update, or refresh a visual design system or art style guide.
126 GitHub stars~4.4k tokensUpdated 6 mo ago
Frontend & DesignAuto-check passed
Color Palette Extractor
OneWave-AI/claude-skills
Extract color palettes from images, websites, or designs. An agent skill from OneWave-AI/claude-skills.
336 GitHub starsUsed in 1 repo~659 tokens
Frontend & DesignAuto-check passed
Web Design Expert
curiositech/some_claude_skills
Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns.
244 GitHub stars~1.7k tokensUpdated 1 mo ago
Frontend & DesignAuto-check passed

More from HermeticOrmus/LibreUIUX-Claude-Code

All 15 skills in this repo

Deployment Pipeline Design
HermeticOrmus/LibreUIUX-Claude-Code
Design multi-stage CI/CD pipelines with approval gates, security checks, and deployment orchestration.
112 GitHub starsUsed in 11 repos~2.1k tokens
Auto-check passed
Multi Cloud Architecture
HermeticOrmus/LibreUIUX-Claude-Code
Design multi-cloud architectures using a decision framework to select and integrate services across AWS, Azure, and GCP.
112 GitHub starsUsed in 11 repos~1.2k tokens
Auto-check passed
Archetypal Combinations
HermeticOrmus/LibreUIUX-Claude-Code
Rules and worked examples for combining an archetype (structure and behavior) with a Major Arcana card (color and mood) into one coherent design system.
112 GitHub stars~3.4k tokensUpdated 6 days ago
Auto-check passed
Langchain Architecture
HermeticOrmus/LibreUIUX-Claude-Code
Design LLM applications using the LangChain framework with agents, memory, and tool integration patterns.
112 GitHub starsUsed in 10 repos~2.5k tokens
Auto-check passed
Design Principles
HermeticOrmus/LibreUIUX-Claude-Code
Core visual design principles (visual hierarchy, Gestalt grouping, composition, balance, contrast, white space, color, typography) with UI fixes, a checklist, and deep-dive references.
112 GitHub stars~2k tokensUpdated 6 days ago
Auto-check passed
Design Masters
HermeticOrmus/LibreUIUX-Claude-Code
Working profiles of Saul Bass, Massimo Vignelli, Dieter Rams, Paula Scher, Josef Müller-Brockmann, David Carson, and Paul Rand: key works, principles, and how to apply each in UI work.
112 GitHub stars~2.7k tokensUpdated 6 days ago
Auto-check passed

Questions about Brand Systems

What does Brand Systems do?

Brand identity building blocks: positioning, personality, archetypes, logo systems, color palettes, type pairing, voice, and guidelines documentation. Brand Systems is an agent skill from HermeticOrmus/LibreUIUX-Claude-Code. Brand identity building blocks: positioning, personality, archetypes, logo systems, color palettes, type pairing, voice, and guidelines documentation.

When should I use Brand Systems?

Brand Systems fits situations like: creating a brand; turning an existing identity into tokens and rules others can follow.

How do I install Brand Systems in Claude Code?

Run `npx skills add HermeticOrmus/LibreUIUX-Claude-Code --skill brand-systems -a claude-code`. Or copy the skill folder (plugins/design-mastery/skills/brand-systems in HermeticOrmus/LibreUIUX-Claude-Code) into .claude/skills/brand-systems in your project. Claude Code loads it when a task matches its description.

How do I install Brand Systems in Codex?

Run `npx skills add HermeticOrmus/LibreUIUX-Claude-Code --skill brand-systems -a codex`. Or copy the skill folder (plugins/design-mastery/skills/brand-systems in HermeticOrmus/LibreUIUX-Claude-Code) into .agents/skills/brand-systems in your project. Codex loads it when a task matches its description.

Can I use Brand Systems in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add HermeticOrmus/LibreUIUX-Claude-Code --skill brand-systems -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/brand-systems, .gemini/skills/brand-systems, .github/skills/brand-systems and .opencode/skills/brand-systems in your project.

What does Brand Systems need to run?

SKILL.md names no scripts, command-line tools or credentials: Brand Systems is instructions for the agent only.

Does Brand Systems access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Brand Systems safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Brand Systems use?

Brand Systems is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Brand Systems use?

About 2.3k tokens (SKILL.md is roughly 9.4k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 7.9k tokens, read only when the agent opens those files.

What are the alternatives to Brand Systems?

Skills that share tags, products or a category with Brand Systems: Form Brand (jeremylongshore/tons-of-skills-marketplace, 2.8k stars), Design (Ohh-889/skyroc, 795 stars), Shadcn Tailwind UI (LiarMTTT/TavernWeave, 154 stars) and Design System (kenneth-liao/ai-launchpad-marketplace, 126 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Brand Systems?

HermeticOrmus (a GitHub user) maintains it in HermeticOrmus/LibreUIUX-Claude-Code, which has 112 GitHub stars. The repository holds 15 skills in this directory. The repository was last updated on October 4, 2026.

Source: HermeticOrmus/LibreUIUX-Claude-Code on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Brand Systems

Facts

At a glance

What it does

When your agent uses it

Example prompts

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Brand Systems

When to Use This Skill

Brand System Components

1. Strategy Layer (Foundation)

Positioning Statement

Brand Pillars

Brand Personality

Brand Archetype

2. Visual Identity Layer

Logo System

Color Palette

Typography System

Imagery & Iconography

3. Voice Layer

Voice Attributes

Tone Variations

Writing Guidelines

4. System Layer

Design Tokens

Component Patterns

Layout Patterns

5. Application Layer

Touchpoint Guidelines

Do's and Don'ts

Brand Canvas (Quick Reference)

Resources

Files

Compare with similar skills

Similar skills

More from HermeticOrmus/LibreUIUX-Claude-Code

Related

Questions about Brand Systems