Communitygithub.com

xoai/sage

Principes universels de développement web — accessibilité (WCAG 2.2), performance (Core Web Vitals), en-têtes de sécurité (OWASP), SEO, conception réactive, UX d'erreur et états de chargement. Indépendant du framework.

Qu'est-ce que sage ?

Ce pack de compétences, « web », constitue une fondation de principes universels de développement web applicable à tout projet, quel que soit le framework (React, Vue, Svelte, JS vanilla). Il comble l'écart entre la connaissance théorique des agents IA et leur application pratique cohérente. Le pack inclut 7 patterns couvrant l'accessibilité (WCAG 2.2), la performance (Core Web Vitals), la sécurité (OWASP), le SEO, le design responsive, l'UX d'erreur et les états de chargement, ainsi que 6 anti-patterns (soupe de divs, texte alternatif manquant, décalage de mise en page, formulaires non protégés, chemins critiques côté client, absence d'en-têtes de sécurité). Les principes sont ancrés dans les normes W3C, Google, OWASP, MDN et la législation européenne. Il ne couvre pas les spécificités framework, les opinions CSS ou la configuration des outils de build.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/xoai/sage/tree/HEAD/skills/web

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

web

Couche 1 — Fondation du domaine (v2.0)

Principes universels de développement web applicables à tout projet web, quel que soit le framework. React, Vue, Svelte, JS vanilla — ces principes s'appliquent.

Philosophie

Ce pack encode les connaissances fondamentales de la plateforme web que les agents maîtrisent souvent en théorie mais oublient en pratique. Un agent sait ce que sont les labels ARIA. Il produit pourtant un formulaire sans annonces d'erreur pour les lecteurs d'écran. Un agent connaît les Core Web Vitals. Il affiche pourtant une image héros de 2 Mo sans dimensions.

L'écart n'est pas une question de connaissance — c'est une question d'application constante.

Ce qui est inclus

TypeNombreCouverture
Patterns7Accessibilité (WCAG 2.2), performance (Core Web Vitals), en-têtes de sécurité (OWASP), SEO, conception réactive, UX d'erreur, états de chargement
Anti-patterns6Soupe de divs, texte alternatif manquant, décalage de mise en page, formulaires non protégés, chemins critiques côté client uniquement, absence d'en-têtes de sécurité
Constitution7principes

Ancré dans : W3C WCAG 2.2 (octobre 2023), Google Core Web Vitals (2025), OWASP Secure Headers Project, OWASP CSP Cheat Sheet, MDN Web Docs, Web Almanac 2025, European Accessibility Act (juin 2025).

Ce que ce pack NE couvre PAS

  • Les patterns spécifiques aux frameworks (voir react, nextjs, etc.)
  • Les opinions sur les méthodologies CSS (BEM vs utility-first vs CSS-in-JS)
  • La configuration des outils de build (Webpack, Vite, Turbopack)
  • Les patterns backend/API (voir api ou baas)

Skills associés