Agent skill

iCUE Widget Builder

Builds, reviews and packages iCUE HTML widgets for CORSAIR device screens such as Xeneon Edge, Pump LCD and keyboard LCD, treating the local docs as the source of truth.

Custom licenceAuto-check passedFrontend & Design

Install iCUE Widget Builder

skills CLI

$ npx skills add marcimastro98/Xenon --skill icue-widget-builder -a claude-code

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

GitHub CLI

$ gh skill install marcimastro98/Xenon icue-widget-builder --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/marcimastro98/Xenon.git skills-src && mkdir -p .claude/skills && cp -r skills-src/WidgetBuilder .claude/skills/icue-widget-builder && 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 "icue-widget-builder" agent skill from https://github.com/marcimastro98/Xenon/tree/main/WidgetBuilder into .claude/skills/icue-widget-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "icue-widget-builder", 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/marcimastro98/Xenon/tree/main/WidgetBuilder

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 marcimastro98/Xenon --skill icue-widget-builder -a codex

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

GitHub CLI

$ gh skill install marcimastro98/Xenon icue-widget-builder --agent codex

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

Manual copy

$ git clone --depth 1 https://github.com/marcimastro98/Xenon.git skills-src && mkdir -p .agents/skills && cp -r skills-src/WidgetBuilder .agents/skills/icue-widget-builder && 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 "icue-widget-builder" agent skill from https://github.com/marcimastro98/Xenon/tree/main/WidgetBuilder into .agents/skills/icue-widget-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "icue-widget-builder", 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 marcimastro98/Xenon --skill icue-widget-builder -a cursor

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

GitHub CLI

$ gh skill install marcimastro98/Xenon icue-widget-builder --agent cursor

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

Manual copy

$ git clone --depth 1 https://github.com/marcimastro98/Xenon.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/WidgetBuilder .cursor/skills/icue-widget-builder && 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 "icue-widget-builder" agent skill from https://github.com/marcimastro98/Xenon/tree/main/WidgetBuilder into .cursor/skills/icue-widget-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "icue-widget-builder", 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/marcimastro98/Xenon.git --path WidgetBuilder

--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 marcimastro98/Xenon --skill icue-widget-builder -a gemini-cli

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

GitHub CLI

$ gh skill install marcimastro98/Xenon icue-widget-builder --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/marcimastro98/Xenon.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/WidgetBuilder .gemini/skills/icue-widget-builder && 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 "icue-widget-builder" agent skill from https://github.com/marcimastro98/Xenon/tree/main/WidgetBuilder into .gemini/skills/icue-widget-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "icue-widget-builder", 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 marcimastro98/Xenon icue-widget-builder

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 marcimastro98/Xenon --skill icue-widget-builder -a github-copilot

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

Manual copy

$ git clone --depth 1 https://github.com/marcimastro98/Xenon.git skills-src && mkdir -p .github/skills && cp -r skills-src/WidgetBuilder .github/skills/icue-widget-builder && 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 "icue-widget-builder" agent skill from https://github.com/marcimastro98/Xenon/tree/main/WidgetBuilder into .github/skills/icue-widget-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "icue-widget-builder", 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 marcimastro98/Xenon --skill icue-widget-builder -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 marcimastro98/Xenon icue-widget-builder --agent opencode

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

Manual copy

$ git clone --depth 1 https://github.com/marcimastro98/Xenon.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/WidgetBuilder .opencode/skills/icue-widget-builder && 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 "icue-widget-builder" agent skill from https://github.com/marcimastro98/Xenon/tree/main/WidgetBuilder into .opencode/skills/icue-widget-builder/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "icue-widget-builder", 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: icue-widget-builder
GitHub stars: 104
Token cost: ~5.2k tokens
SKILL.md length: 2,326 words
Files: 37 (incl. references)
Skills in repo: 1
Repo updated: Oct 9, 2026
First seen: Oct 7, 2026
Licence: Custom licence

At a glance

Builds, reviews and packages iCUE HTML widgets for CORSAIR device screens such as Xeneon Edge, Pump LCD and keyboard LCD, treating the local docs as the source of truth.

Works in 5 steps: Requirements Gathering (MANDATORY — do… → Research & Design → Implementation → …
Creating a new iCUE widget for a Xeneon Edge screen
SKILL.md covers Documentation Authority, Phase 1: Requirements…, Phase 2: Research & Design and Phase 3: Implementation, plus 2 more sections
Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

The agent treats the files in `/docs` and `references/` as authoritative for `manifest.json` requirements, widget meta tags, property types, plugin usage, packaging layout and translation behavior, and follows them over any older skill guidance. It does not invent unsupported meta properties or undocumented package layouts. If a local `icuewidget` CLI is available it is preferred for initiating, validating and packaging; otherwise the agent explains the equivalent manual structure.

Work starts with a mandatory requirements phase. Before any code, the agent asks about the widget's purpose and data source, target devices (dashboard LCD, pump LCD, keyboard LCD, and the Xeneon Edge sizes), update interval and offline behavior, settings users can change, visual style, whether it is for Marketplace submission, and which common tools and plugins are needed, such as a media viewer, ticker, date formatter or color tools. The docs folder also covers controls like sliders, switches and comboboxes, the iCUE global object and JavaScript expressions. The excerpt is cut off in the middle of those questions.

When your agent uses it

Creating a new iCUE widget for a Xeneon Edge screen
Debugging or reviewing an existing widget's manifest and meta tags
Packaging a widget for Marketplace submission or private use

Example prompts

“Build an iCUE widget for the Xeneon Edge that shows CPU and GPU temperature.”
“Review my widget's manifest.json and tell me what is missing before I package it.”
“Add a color picker setting to my pump LCD widget.”

Requirements

Optionally the local `icuewidget` CLI for initiating, validating and packaging

Workflow steps

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

Requirements Gathering (MANDATORY — do NOT skip)
Research & Design
Implementation
Verification
Final Response

What it can do on your machine

Read from SKILL.md and the folder at commit 5bf3e6b. 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 css, 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

iCUE Widget Builder loads about 5.2k tokens when it runs, and up to ~32k if it reads all its reference files. Until then it costs about 81 tokens; SKILL.md has 2,326 words of instructions outside code blocks.

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

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

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 2,326 words (~5,236 tokens).

“When the user asks to create an iCUE widget, follow this workflow.”

— opening of SKILL.md by marcimastro98, Custom licence

name: icue-widget-builder

Outline of SKILL.md

Skill: Create iCUE Widget
Documentation Authority
Phase 1: Requirements Gathering (MANDATORY — do NOT skip)
Fast path for small edits (allowed)
Phase 2: Research & Design
2.1 Reference Documentation
2.2 Device Specifications
2.3 Layout Principles
2.4 UX Guidelines
2.5 Design Specification Before Coding
Phase 3: Implementation
3.1 Package Structure
3.2 Implementation References
3.3 Properties and Personalization
3.4 Quick Reference — Commonly Overlooked Types and Features
3.5 Media Background Notes
3.6 External APIs
Phase 4: Verification
4.1 Browser Testing
4.2 Preflight Check
Phase 5: Final Response

Read the full SKILL.md on GitHub

Files

SKILL.md and 36 other files (references) in WidgetBuilder of marcimastro98/Xenon.

SKILL.md
docs/common-tools.md
docs/controls/color.md
docs/controls/combobox.md
docs/controls/index.md
docs/controls/media-selector.md
docs/controls/search-combobox.md
docs/controls/sensors-combobox.md
docs/controls/sensors-factory.md
docs/controls/slider.md
docs/controls/switch.md
docs/controls/tab-buttons.md
docs/controls/textfield.md
docs/icue-global-object.md
docs/index.md
docs/javascript-expressions.md
docs/plugins/index.md
docs/plugins/link-provider.md
… and 19 more

Open the folder on GitHubat commit 5bf3e6b

Compare with similar skills

iCUE Widget Builder 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.

iCUE Widget Builder compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
iCUE Widget Builder this skillmarcimastro98/Xenon	104	—	~5.2k	Automated safety check: Pass	Custom licence	today
React Router Developmentremix-run/react-router	57k	1 repos	~1.5k	Automated safety check: Pass	MIT	today
React UI State PatternsChrisWiles/claude-code-showcase	6.1k	8 repos	~1.6k	Automated safety check: Pass	None	9 mo ago
React Frontend Development Guidelinesdiet103/claude-code-infrastructure-showcase	10k	2 repos	~2.9k	Automated safety check: Pass	MIT	2 mo ago
Tabler Core JavaScripttabler/tabler	42k	—	~1.4k	Automated safety check: Pass	MIT	today
Pierre Highlightspierrecomputer/pierre	6.3k	—	~409	Automated safety check: Pass	Apache-2.0	today

Similar skills

React Router Development
remix-run/react-router
Guides work on React Router apps by first identifying whether the app uses Framework, Data or Declarative mode, then loading the matching reference and the installed package docs.
57k GitHub starsUsed in 1 repo~1.5k tokens
Frontend & DesignAuto-check passed
React UI State Patterns
ChrisWiles/claude-code-showcase
Sets patterns for React interfaces: when to show loading spinners or skeletons, how to surface errors, how to disable buttons during async work and how to handle empty lists.
6.1k GitHub starsUsed in 8 repos~1.6k tokens
Frontend & DesignAuto-check passed
React Frontend Development Guidelines
diet103/claude-code-infrastructure-showcase
Guidelines for React 18 and TypeScript apps covering Suspense data fetching, lazy loading, feature folders, MUI v7 styling, TanStack Router and performance.
10k GitHub starsUsed in 2 repos~2.9k tokens
Frontend & DesignAuto-check passed
Tabler Core JavaScript
tabler/tabler
Guidance for changing the Tabler framework's own JavaScript in core/js: the tabler.js and tabler-theme.js bundles, the Bootstrap port and their tests.
42k GitHub stars~1.4k tokensUpdated today
Frontend & DesignAuto-check passed
Pierre Highlights
pierrecomputer/pierre
Shows how to use @pierre/highlights for syntax-highlighted HTML or tokens, streaming and incremental tokenizing, and Zed-compatible themes with CSS variables.
6.3k GitHub stars~409 tokensUpdated today
Frontend & DesignAuto-check passed
UI Aesthetics
pdsuwwz/chatgpt-vue3-light-mvp
Raise frontend visual judgment for web interfaces with a bias toward refined product-grade composition, precise component craftsmanship, disciplined interaction states, controlled motion, and…
579 GitHub starsUsed in 1 repo~431 tokens
Frontend & DesignAuto-check passed

Questions about iCUE Widget Builder

What does iCUE Widget Builder do?

Builds, reviews and packages iCUE HTML widgets for CORSAIR device screens such as Xeneon Edge, Pump LCD and keyboard LCD, treating the local docs as the source of truth. json` requirements, widget meta tags, property types, plugin usage, packaging layout and translation behavior, and follows them over any older skill guidance. It does not invent unsupported meta properties or undocumented package layouts.

When should I use iCUE Widget Builder?

iCUE Widget Builder fits situations like: creating a new iCUE widget for a Xeneon Edge screen; debugging or reviewing an existing widget's manifest and meta tags; packaging a widget for Marketplace submission or private use.

How do I install iCUE Widget Builder in Claude Code?

Run `npx skills add marcimastro98/Xenon --skill icue-widget-builder -a claude-code`. Or copy the skill folder (WidgetBuilder in marcimastro98/Xenon) into .claude/skills/icue-widget-builder in your project. Claude Code loads it when a task matches its description.

How do I install iCUE Widget Builder in Codex?

Run `npx skills add marcimastro98/Xenon --skill icue-widget-builder -a codex`. Or copy the skill folder (WidgetBuilder in marcimastro98/Xenon) into .agents/skills/icue-widget-builder in your project. Codex loads it when a task matches its description.

Can I use iCUE Widget Builder 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 marcimastro98/Xenon --skill icue-widget-builder -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/icue-widget-builder, .gemini/skills/icue-widget-builder, .github/skills/icue-widget-builder and .opencode/skills/icue-widget-builder in your project.

What does iCUE Widget Builder need to run?

SKILL.md names no scripts, command-line tools or credentials: iCUE Widget Builder is instructions for the agent only. Our summary lists: Optionally the local `icuewidget` CLI for initiating, validating and packaging.

Does iCUE Widget Builder 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 iCUE Widget Builder 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 iCUE Widget Builder use?

iCUE Widget Builder has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does iCUE Widget Builder use?

About 5.2k tokens (SKILL.md is roughly 21k 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 27k tokens, read only when the agent opens those files.

What are the alternatives to iCUE Widget Builder?

Skills that share tags, products or a category with iCUE Widget Builder: React Router Development (remix-run/react-router, 57k stars), React UI State Patterns (ChrisWiles/claude-code-showcase, 6.1k stars), React Frontend Development Guidelines (diet103/claude-code-infrastructure-showcase, 10k stars) and Tabler Core JavaScript (tabler/tabler, 42k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains iCUE Widget Builder?

marcimastro98 (a GitHub user) maintains it in marcimastro98/Xenon, which has 104 GitHub stars. The repository was last updated on October 9, 2026.

Source: marcimastro98/Xenon on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install iCUE Widget Builder

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Files

Compare with similar skills

Similar skills

React Router Development

React UI State Patterns

React Frontend Development Guidelines

Tabler Core JavaScript

Pierre Highlights

UI Aesthetics

Related

Questions about iCUE Widget Builder