nds-add-icon
CommunityAdd HGI icons to the inline UI-icon set.
Authormazin-musleh
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps design teams register and expose new HGI icons in the inline UI-icon set, ensuring consistent naming, tokens, and aliases across the project.
Core Features & Use Cases
- Registers one
--nds-icon-{name}token and one alias (.nds-hgi-{name}by default) for each new icon. - Handles the naming variants to cover different styles and types as needed.
- The script updates token placement in
_sass/_icons.scssand provides guidance for verification and usage. - The file is hand-editable and supports icon sources from both raw SVGs and Figma references.
Quick Start
Run the add-icon script with the desired name to register a new HGI icon and its alias.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: nds-add-icon Download link: https://github.com/mazin-musleh/NDS-vanilla/archive/main.zip#nds-add-icon Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.