skills.rest
Ariedam64
Ariedam64COMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/Ariedam64/Gemini --skill add-inject
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
diadia0000diadia0000

equip-ui

Updates game UI armor slots with inline styles and handles user selections.

Community
Basic
jackspacejackspace
16

auto-animate

Animate DOM add, remove, and reorder changes with zero configuration.

Community
Basic
TheBushidoCollectiveTheBushidoCollective
187

ios-uikit-architecture

Apply MVVM, MVC, and Coordinator patterns to UIKit-based iOS apps.

Official
Advanced
spallempatispallempati

angular-directives

Generate custom Angular directives for DOM manipulation and component interactions.

Community
Intermediate