·health-bars
</>

health-bars

verekia/r3f-gamedev

Zeigen Sie mithilfe des CSS-Stils Gesundheitsbalken über den Zeichen an.

6Installationen·0Trend·@verekia

Installation

$npx skills add https://github.com/verekia/r3f-gamedev --skill health-bars

SKILL.md

Use Drei's Html component to render styled health bars in 3D space. Update the health bar width by manipulating the DOM element's transform: scaleX() via a ref in useFrame.

Zeigen Sie mithilfe des CSS-Stils Gesundheitsbalken über den Zeichen an. Quelle: verekia/r3f-gamedev.

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/verekia/r3f-gamedev --skill health-bars Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Sicherheitszertifiziert für sicheren, zuverlässigen Code Ein-Klick-Installation und vereinfachte Einrichtung Kompatibel mit Claude Code, Cursor und mehr

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/verekia/r3f-gamedev --skill health-bars
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist health-bars?

Zeigen Sie mithilfe des CSS-Stils Gesundheitsbalken über den Zeichen an. Quelle: verekia/r3f-gamedev.

Wie installiere ich health-bars?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/verekia/r3f-gamedev --skill health-bars Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

https://github.com/verekia/r3f-gamedev