Skillforge arrive bientôt sur mobile.

Ouvre le site sur un ordinateur ou une tablette pour parcourir les mods.

Mod · SKF/MOD.08-WQ

Web Quality

Un site accessible, rapide et lisible par les moteurs, vérifié point par point.

  • 6 skills : Accessibilité, performance et SEO technique
  • Claude, Gemini et Codex
  • Licences d'origine incluses

6 skills inclus

  • Accessibility Audit

    Fait auditer par l'agent un site selon WCAG 2.2 A et AA : preuves Lighthouse ou axe, tests clavier et lecteur d'écran, correction à la source.

    sf-a11y-audit/SKILL.md, de addyosmani/web-quality-skills, licence MIT.

    ---
    name: sf-a11y-audit
    description: "Audits a website or web app against WCAG 2.2 Level A and AA, using Lighthouse or axe evidence p…
    ---
    # WCAG 2.2 Accessibility Audit
    Audit rendered pages against WCAG 2.2 (A and AA), fix what fails at the source, and report each issue with th…
    ## When to use
    - A full-page or full-site accessibility audit, a pre-launch check, or a compliance question (WCAG 2.2 AA, AD…
    - A Lighthouse accessibility score to raise, or an axe report to triage.
    - Specific issues: contrast, alt text, headings, landmarks, form labels, focus visibility, skip links, target…
    Do not use it for a narrow component-level code review of focus management, ARIA widgets or announcements in…

  • Accessibility UI Review

    Fait relire et corriger par l'agent l'accessibilité du code UI : sémantique, clavier, focus, ARIA, libellés, erreurs de formulaire, zones tactiles.

    sf-a11y-ui-review/SKILL.md, de jakubkrehel/skills, licence MIT.

    ---
    name: sf-a11y-ui-review
    description: "Reviews and fixes the accessibility of UI code: semantics, keyboard and focus behavior, focus t…
    ---
    # Accessibility UI Review
    Review and fix how components behave for keyboard, screen-reader, voice-control, zoom and reduced-motion user…
    ## When to use
    - Writing or reviewing components: buttons, links, dialogs, menus, tabs, comboboxes, accordions, toasts, form…
    - A diff or PR that touches interactive UI.
    - Reports like "focus disappears after closing the modal", "Tab skips the menu", "VoiceOver says 'button' wit…
    Not for a full-site WCAG audit with Lighthouse and a criteria-by-criteria report; use `sf-a11y-audit`. This s…

  • Web Performance

    Fait accélérer par l'agent le chargement et la réactivité d'une page à partir de preuves : Core Web Vitals terrain, trace, correctifs ciblés.

    sf-web-performance/SKILL.md, de addyosmani/web-quality-skills, licence MIT.

    ---
    name: sf-web-performance
    description: "Speeds up web page loading and responsiveness from evidence: field Core Web Vitals to prioritiz…
    ---
    # Web Performance
    Make pages load fast and respond quickly, using real-user data to choose what to fix and browser traces to fi…
    ## When to use
    - "The site is slow", "improve PageSpeed", "LCP is red in Search Console", "pass Core Web Vitals".
    - Loading strategy questions: preload, preconnect, fonts, image formats, caching headers, code splitting.
    - Setting a performance budget or adding first-party RUM.
    For a step-by-step Chrome DevTools MCP trace audit of one URL, use `sf-devtools-perf-audit`. For backend late…

  • Full-Stack Performance

    Fait suivre à l'agent la boucle mesurer, identifier, corriger, vérifier sur front, API et base : un goulot prouvé à la fois, gains chiffrés.

    sf-fullstack-perf/SKILL.md, de addyosmani/agent-skills, licence MIT.

    ---
    name: sf-fullstack-perf
    description: "Runs a measure, identify, fix, verify loop on application performance across frontend, API and…
    ---
    # Full-Stack Performance Tuning
    Measure before optimizing. Profile, find the actual bottleneck, fix that one thing, measure again the same wa…
    ## When to use
    - A performance requirement exists (load-time budget, p95 latency SLA).
    - Users or monitoring report slowness, or a change seems to have caused a regression.
    - Core Web Vitals are below thresholds.
    - A feature handles large datasets or high traffic.

  • DevTools Performance Audit

    Fait auditer par l'agent la performance d'une URL avec Chrome DevTools MCP : trace, Core Web Vitals, ressources bloquantes, rapport priorisé.

    sf-devtools-perf-audit/SKILL.md, de cloudflare/skills, licence Apache 2.0.

    ---
    name: sf-devtools-perf-audit
    description: "Audits one URL's loading and interaction performance with Chrome DevTools MCP: records a perfor…
    ---
    # DevTools Performance Audit
    Diagnose a page's performance from a real browser trace, then map each finding to a specific fix in the netwo…
    ## When to use
    - "Audit the performance of <url>", "why is this page slow", "what's hurting our Lighthouse performance score…
    - Diagnosing LCP, CLS or INP on a specific page, live or on a local dev server.
    For general loading techniques and RUM, use `sf-web-performance`. For backend or database latency and the kee…

  • Technical SEO

    Fait mettre en place et vérifier par l'agent le SEO technique dans le code : robots.txt, canoniques, sitemap, balises, données structurées.

    sf-technical-seo/SKILL.md, de addyosmani/web-quality-skills, licence MIT.

    ---
    name: sf-technical-seo
    description: "Implements and verifies technical and on-page SEO in a site's code: robots.txt, meta robots, ca…
    ---
    # Technical SEO
    Make every page crawlable, indexable, correctly described and correctly marked up, in the source code, then v…
    ## When to use
    - Adding or fixing `<title>`, meta description, canonical, robots directives, Open Graph, sitemap, `robots.tx…
    - Adding JSON-LD (Organization, Article, Product, Breadcrumb).
    - Indexing problems: pages not indexed, duplicates, wrong canonical, soft 404s, redirect chains.
    - Multi-language sites (hreflang), or deciding which AI crawlers to allow.

Extraits. Les dossiers complets sont livrés après le paiement.

Installation

Dézippe le dossier, ouvre un terminal dedans et lance bash install.sh : le script installe les skills pour Claude, Gemini et Codex, dans tous tes projets. Relance-le après une mise à jour, il remplace les anciennes versions sans rien dupliquer. Sur Windows, utilise Git Bash ou WSL.

Depuis Claude Code, sans ouvrir de terminal : lance Claude Code dans le dossier dézippé et demande-lui « installe ces skills ». Il exécute bash install.sh après ton accord. Les skills sont utilisables dans la session en cours ; si l'un n'apparaît pas, ouvre une nouvelle session. Un mod par dossier : refais la demande dans chaque dossier.

  • ClaudeSKILL.md

    bash install.sh claude copie chaque skill dans ~/.claude/skills/. Ajoute le dossier d'un projet à la fin de la commande pour l'installer dans ce projet seulement.

  • GeminiGEMINI.md

    bash install.sh gemini ajoute les skills à ~/.gemini/GEMINI.md, ou au GEMINI.md d'un projet si tu donnes son dossier.

  • CodexAGENTS.md

    bash install.sh codex ajoute les skills à ~/.codex/AGENTS.md, ou à l'AGENTS.md d'un projet si tu donnes son dossier.

  • Claude.aiclaude-ai/*.zip

    Dans Claude sur le web, l'app de bureau ou mobile, active d'abord l'exécution de code (Settings > Capabilities, « Code execution and file creation »). Puis Customize > Skills, bouton +, « Create skill », « Upload a skill », et choisis un fichier du dossier claude-ai/ de l'archive. Un zip contient un skill : importe-les un par un. Tous les plans y ont accès ; sur Team et Enterprise, l'exécution de code s'active dans les réglages de l'organisation.

  • Autres agentsAGENTS.md

    Cursor, GitHub Copilot et les autres agents qui lisent AGENTS.md : bash install.sh codex ~/mon-projet ajoute les skills à l’AGENTS.md de ton projet.

Autres mods