Design System Francais (DSFR)
Oficjalne dokumenty francuskiego systemu projektowania rządu: 23 komponenty z dokładnymi nazwami klas fr-, regułami dostępności RGAA 4.1 i kodem HTML do kopiowania i wklejania.
Działa po konfiguracji
Co robi ten skill
Zawiera zsynchronizowane dokumentacje (index/accessibilite/code/design.md + działające przykłady HTML) dla 23 komponentów DSFR używanych na francuskich stronach rządowych, dzięki czemu Claude może odpowiadać z dokładnymi nazwami klas fr-*, wzorcem ARIA i wymaganiami dostępności RGAA 4.1 zamiast zgadywać. Wyzwalana, gdy użytkownik prosi o zaimplementowanie komponentu DSFR, potrzebuje wskazówek RGAA lub tworzy francuską stronę rządową.
Raport z testu
Poproszono o dostępny kod akordeonu DSFR: umiejętność pobrała dokładną oficjalną strukturę (section.fr-accordion > h3.fr-accordion__title > button.fr-accordion__btn[aria-expanded][aria-controls] + div.fr-collapse) bezpośrednio z dołączonego code.md i accessibilite.md, czego odpowiedź z pamięci nie jest w stanie poprawnie odtworzyć; haczyk polega na tym, że instrukcje ręcznego klonowania git w README są nieaktualne i zainstalowałyby uszkodzony (o 2 poziomy za głęboki, niewykrywalny) folder umiejętności.
Testowano: 2026-07-16 · Claude Code 2.x (agent harness)
Instalacja
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
Komendy i przykładowe prompty
/design-system-francais-dsfrOficjalne dokumenty francuskiego systemu projektowania rządu: 23 komponenty z dokładnymi nazwami klas fr-, regułami dostępności RGAA 4.1 i kodem HTML do kopiowania i wklejania.
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
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