·lit-sheet-music
*

lit-sheet-music

rodydavis/skills

Découvrez comment créer un composant Web Lit qui restitue MusicXML à l'aide d'OpenSheetMusicDisplay, vous permettant d'afficher dynamiquement des partitions à partir d'un attribut source ou d'un XML en ligne.

10Installations·1Tendance·@rodydavis

Installation

$npx skills add https://github.com/rodydavis/skills --skill lit-sheet-music

SKILL.md

In this article I will go over how to set up a Lit web component and use it to render musicxml from a src attribute or inline xml using opensheetmusicdisplay.

![](https://rodydavis.com//../api/files/pbc2708086759/yz849u5k6kg68n5/nicerbhmdu7o6t.gif?thumb=)

Now any sheet music can be rendered based on the browser width as an svg or canvas (and will resize when the viewport changes).

Découvrez comment créer un composant Web Lit qui restitue MusicXML à l'aide d'OpenSheetMusicDisplay, vous permettant d'afficher dynamiquement des partitions à partir d'un attribut source ou d'un XML en ligne. Source : rodydavis/skills.

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/rodydavis/skills --skill lit-sheet-music
Catégorie
*Créativité
Vérifié
Première apparition
2026-02-05
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que lit-sheet-music ?

Découvrez comment créer un composant Web Lit qui restitue MusicXML à l'aide d'OpenSheetMusicDisplay, vous permettant d'afficher dynamiquement des partitions à partir d'un attribut source ou d'un XML en ligne. Source : rodydavis/skills.

Comment installer lit-sheet-music ?

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/rodydavis/skills --skill lit-sheet-music 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/rodydavis/skills

Détails

Catégorie
*Créativité
Source
skills.sh
Première apparition
2026-02-05