·health-bars
</>

health-bars

verekia/r3f-gamedev

Affichez les barres de santé au-dessus des caractères en utilisant le style CSS.

6Installations·0Tendance·@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.

Affichez les barres de santé au-dessus des caractères en utilisant le style CSS. Source : verekia/r3f-gamedev.

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/verekia/r3f-gamedev --skill health-bars Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Certifié sécurisé pour un code sûr et fiable Installation en un clic et configuration simplifiée Compatible avec Claude Code, Cursor et plus

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/verekia/r3f-gamedev --skill health-bars
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-01
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que health-bars ?

Affichez les barres de santé au-dessus des caractères en utilisant le style CSS. Source : verekia/r3f-gamedev.

Comment installer health-bars ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/verekia/r3f-gamedev --skill health-bars Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

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