SkillAgentSearch skills...

add-icon

Add new icons to the GitLens GL Icons font

Install / Use

npx skills add BaronButter/Kullisa-Stage --skill add-icon

Installs into whichever agent you are using.

About this skill
📄

SKILL.md

Installable skill definition

Quality Score

63/100

Supported Platforms

Universal

Our assessment of add-icon

add-icon scores 63/100 on our quality scale, 3960th of 4,594 Development & Engineering skills we index.

Its SKILL.md is 1.5 KB long, well organised into 9 sections with 5 code examples: moderately detailed.

It has no GitHub stars yet, so there is no community track record; judge it on its content.

Substance
20/30
Structure
20/20
Description
8/15
Adoption
0/20
Freshness
15/15

Maintenance, license and trust

  • The repository was last updated today, so add-icon is actively maintained.
  • No license is declared. By default that means all rights are reserved: you can read it, but reusing or redistributing it is not clearly permitted. Ask the author before building on it commercially.
  • Its trust signals score 80/100, with 2 cautions from licensing, adoption, age or documentation. These come from repository metadata, not a code audit — read the skill file before letting an agent act on it.

Safety scan

No issues found

Our scan of the whole file found no instruction hijacking, hidden characters, credential access, data exfiltration or destructive commands.

Automated pattern scan on 2026-10-14. It catches known dangerous patterns, not every risk — read a skill before letting an agent act on it.

add-icon compared with similar skills

All 4 of these similar skills score higher than add-icon; compare them before choosing.

SkillScoreStarsUpdatedFormat
add-icon (this skill)by BaronButter630todaySKILL.md
Agent-Reachby Panniantong10097.1k5d agoCLAUDE.md
taste-skillby Leonxlnx10095.7ktodayCLAUDE.md
ai-job-searchby MadsLorentzen10046.7k5d agoCLAUDE.md
claude-howtoby luongnv8910041.9k3d agoCLAUDE.md

Frequently asked questions

How do I install add-icon?
Run npx skills add BaronButter/Kullisa-Stage --skill add-icon. The install tabs above show the steps for each supported agent.
Which AI agents does add-icon work with?
It is written for Universal, as a SKILL.md file. Other agents that read the same format can often use it too.
Is add-icon safe to use?
Our scan of the whole file found no instruction hijacking, hidden characters, credential access, data exfiltration or destructive commands. It declares no license and scores 80/100 on trust signals. Skills are instructions an agent will follow, so read the file before installing it and do not approve commands you do not understand.
Is add-icon still maintained?
The repository was last updated today, so add-icon is actively maintained.

name: add-icon description: Add new icons to the GitLens GL Icons font

/add-icon - Add GL Icon

Usage

/add-icon [icon-name]
  • icon-name — kebab-case (e.g., my-new-icon)

Workflow

1. Add SVG File

Place in images/icons/{icon-name}.svg

Requirements:

  • Square viewBox (e.g., viewBox="0 0 16 16")
  • Single color (fill controlled by CSS)
  • No embedded <style> tags or fonts
  • Use fill="currentColor" for color inheritance

2. Update Mapping

Append to images/icons/template/mapping.json:

"icon-name": {next-available-code-point}

Code points are in the Private Use Area range (57344-63743). Check existing entries for next available.

3. Build

pnpm run icons:svgo        # Optimize SVGs
pnpm run build:icons       # Generate font (runs svgo + fantasticon + apply + export)

4. Update Font References

Copy the new glicons.woff2?{hash} URL from src/webviews/apps/shared/glicons.scss and search-replace the old URL across the codebase.

5. Use the Icon

In Lit components:

import { glIcon } from '../shared/components/icons.js';
html`${glIcon('my-new-icon')}`;

In CSS:

.my-element::before {
	font-family: 'glicons';
	content: '\{codepoint}';
}

Troubleshooting

  • Icon not showing: Check font URL is updated, verify code point in mapping.json, rebuild with pnpm run build:icons
  • SVG issues: Ensure single path/shape, remove <style> tags, use fill="currentColor"

Related Skills

View on GitHub
GitHub Stars0
CategoryDevelopment
Updated5h ago
Forks0

Trust signals

80/100

From repository metadata: license, adoption, age and documentation. Not a code audit — see the Safety scan above for what the skill file itself contains.

1 medium1 low
add-icon — Universal Skill: Install & Safety Check | SkillAgent