Design System Francais (DSFR)
Oficiální dokumentace francouzského vládního designového systému: 23 komponent s přesnými názvy tříd fr-, pravidly RGAA 4.1 pro přístupnost a HTML pro kopírování a vkládání.
Funguje s nastavením
Co umí
Sdružuje synchronizovanou dokumentaci (index/accessibilite/code/design.md + funkční HTML příklady) pro 23 komponent DSFR používaných na webových stránkách francouzské vlády, takže Claude může odpovídat s přesnými názvy tříd fr-*, vzorem ARIA a požadavky na přístupnost RGAA 4.1 namísto hádání. Spouští se, když uživatel požádá o implementaci komponenty DSFR, potřebuje pokyny RGAA nebo vytváří webovou stránku francouzské vlády.
Testovací report
Požádal jsem o přístupný DSFR akordeonový markup: dovednost vytáhla přesnou oficiální strukturu (section.fr-accordion > h3.fr-accordion__title > button.fr-accordion__btn[aria-expanded][aria-controls] + div.fr-collapse) přímo ze svých přibalených code.md a accessibilite.md, což odpověď z paměti nemá jak správně reprodukovat; háček je v tom, že vlastní manuální instrukce git-clone v README jsou zastaralé a nainstalovaly by poškozenou (o 2 úrovně hlouběji, neobjevitelnou) složku dovednosti.
Testováno: 2026-07-16 · Claude Code 2.x (agent harness)
Instalace
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
Příkazy a ukázkové prompty
/design-system-francais-dsfrOficiální dokumentace francouzského vládního designového systému: 23 komponent s přesnými názvy tříd fr-, pravidly RGAA 4.1 pro přístupnost a HTML pro kopírování a vkládání.
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
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