Design System Francais (DSFR)
Officielle franske regerings designsystem-dokumenter: 23 komponenter med præcise fr- klassenavne, RGAA 4.1 a11y-regler og copy-paste HTML.
Virker med opsætning
Hvad det gør
Bundter synkroniseret dokumentation (index/accessibilite/code/design.md + fungerende HTML-eksempler) for 23 DSFR-komponenter brugt på franske regeringswebsteder, så Claude kan svare med de præcise fr-* klassenavne, ARIA-mønster og RGAA 4.1 tilgængelighedskrav i stedet for at gætte. Udløses, når brugeren beder om at implementere en DSFR-komponent, har brug for RGAA-vejledning, eller bygger et fransk regeringswebsted.
Testrapport
Bad om tilgængelig DSFR accordion markup: færdigheden trak den præcise officielle struktur (section.fr-accordion > h3.fr-accordion__title > button.fr-accordion__btn[aria-expanded][aria-controls] + div.fr-collapse) direkte fra sin medfølgende code.md og accessibilite.md, som et svar fra hukommelsen ikke kan reproducere korrekt; hagen er, at README's egne manuelle git-clone instruktioner er forældede og ville installere en ødelagt (2 niveauer for dyb, uopdagelig) færdigheds-mappe.
Testet: 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
Kommandoer og eksempelprompter
/design-system-francais-dsfrOfficielle franske regerings designsystem-dokumenter: 23 komponenter med præcise fr- klassenavne, RGAA 4.1 a11y-regler og copy-paste HTML.
Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):
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