Design System Francais (DSFR)
Documentation officielle du système de conception du gouvernement français (DSFR) : 23 composants avec des noms de classe fr- exacts, des règles d'accessibilité RGAA 4.1 et du HTML à copier-coller.
Fonctionne avec configuration
Ce que fait
Regroupe la documentation synchronisée (index/accessibilite/code/design.md + exemples HTML fonctionnels) pour 23 composants DSFR utilisés sur les sites Web du gouvernement français, afin que Claude puisse répondre avec les noms de classe fr-* exacts, le modèle ARIA et les exigences d'accessibilité RGAA 4.1 au lieu de deviner. Se déclenche lorsque l'utilisateur demande d'implémenter un composant DSFR, a besoin de conseils RGAA ou construit un site du gouvernement français.
Rapport de test
A demandé un balisage d'accordéon DSFR accessible : la compétence a extrait la structure officielle exacte (section.fr-accordion > h3.fr-accordion__title > button.fr-accordion__btn[aria-expanded][aria-controls] + div.fr-collapse) directement de son code.md et accessibilite.md inclus, ce qu'une réponse de mémoire ne peut pas reproduire correctement ; le hic est que les instructions manuelles de git-clone du README sont obsolètes et installeraient un dossier de compétence cassé (trop profond de 2 niveaux, indétectable).
Testé le: 2026-07-16 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/numerique-gouv/dsfr-skill.git mkdir -p ~/.claude/skills cp -r dsfr-skill/skills/dsfr-skill ~/.claude/skills/design-system-francais-dsfr
Commandes et exemples de prompts
/design-system-francais-dsfrDocumentation officielle du système de conception du gouvernement français (DSFR) : 23 composants avec des noms de classe fr- exacts, des règles d'accessibilité RGAA 4.1 et du HTML à copier-coller.
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
Donne-moi le HTML accessible d'un accordeon DSFR conforme RGAAComment coder un composant DSFR avec les bonnes classes fr- ?Je construis un site gouvernemental, aide-moi avec le DSFR