add-inject

Create and remove scoped game UI injections with automatic cleanup.

3|1|Updated Dec 11, 2025

Search Tags:#typescript #cleanup #lifecycle #dom-manipulation #ui-injection #game-mod

Ready to run

npx skills add https://github.com/Ariedam64/Gemini --skill add-inject

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: add-inject
Source: https://github.com/Ariedam64/Gemini/tree/main/.claude/skills/add-inject
Command: npx skills add https://github.com/Ariedam64/Gemini --skill add-inject

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides a robust framework to create game UI injections that modify existing UI elements with proper cleanup, reducing conflicts and drift between injected components and the base UI.

Core Features & Use Cases

Idempotent init and destroy: safe to call multiple times without duplicating injected elements
Scoped DOM injections and CSS: isolates changes to avoid impacting the rest of the UI
Injection templates and lifecycle: supports creating, updating, and removing injected UI with deterministic cleanup
Integration readiness: designed to plug into feature architectures and debug flows for on-demand UI tweaks

Quick Start

Initialize the feature injection at startup and destroy it on teardown.

Frequently Asked Questions about add-inject

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I safely inject UI elements into a game interface without causing conflicts?▼

Idempotent initialization prevents duplicate UI elements by ensuring repeated calls produce identical results without duplication. This framework safely handles creating, updating, and removing injected game UI components across multiple feature loads.

What is the best way to manage the lifecycle of injected DOM elements in a game mod?▼

Managing the injection lifecycle involves deterministic creation, updating, and removal of UI elements. This approach enforces thorough cleanup on teardown, preventing drift between injected components and the base game interface.

How do I create debugging overlays for a game without permanently altering the UI?▼

Debugging overlays use scoped CSS and DOM injections to temporarily modify the game interface. The framework supports on-demand UI tweaks with integration readiness for debug flows and automatic removal upon teardown.

Can I use TypeScript to build modular game UI injections with automatic cleanup?▼

TypeScript supports modular game UI injections through an idempotent init and destroy architecture. This framework enforces scoped styles and integration hooks, allowing safe creation and removal of injected UI elements.

Why do my injected UI elements duplicate when the game mod reloads?▼

Injected UI elements duplicate when initialization lacks idempotency. This framework solves duplication by enforcing an idempotent init process, making it safe to call multiple times without creating duplicate injected components.