Toolverse
All skills

wcag22-a11y-audit

by AIPexStudio

WCAG 2.2 Accessibility Audit skill that systematically evaluates web pages against 8 core Success Criteria (1.1.1, 1.4.3, 1.4.11, 2.1.1, 2.1.2, 2.4.3, 2.4.7, 4.1.2) using accessibility tree inspection and visual analysis. Use this skill when you need to perform accessibility

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Category
UX / Design

About this skill

WCAG 2.2 Accessibility Audit skill that systematically evaluates web pages against 8 core Success Criteria (1.1.1, 1.4.3, 1.4.11, 2.1.1, 2.1.2, 2.4.3, 2.4.7, 4.1.2) using accessibility tree inspection and visual analysis. Use this skill when you need to perform accessibility testing/auditing on a live webpage.

How to use

  1. Otwórz stronę internetową, którą chcesz poddać audytowi dostępności. Umiejętność będzie pracować na aktywnie wyświetlanej stronie w przeglądarce.

  2. Uruchom audyt, wskazując zakres testowania — całą stronę, konkretny komponent lub przepływ użytkownika. Narzędzie automatycznie przeanalizuje strukturę dostępności strony.

  3. Pozwól umiejętności na zbieranie dowodów za pomocą dwóch metod: najpierw przeszuka elementy strony, aby pobrać informacje o rolach, nazwach, wartościach i stanie (włączone/wyłączone, rozwinięte/zwinięte); następnie wykonuje zrzuty ekranu dla wizualnej analizy kontrastu i widoczności fokusa.

  4. Umiejętność testuje nawigację klawiaturą, symulując naciskanie klawisza Tab i dokumentując ścieżkę fokusa na zrzutach ekranu. To pozwala zidentyfikować problemy z dostępnością dla użytkowników klawiatury.

  5. Przejrzyj wygenerowany raport audytu, który zawiera wyniki dla każdego z 8 kryteriów sukcesu (1.1.1, 1.4.3, 1.4.11, 2.1.1, 2.1.2, 2.4.3, 2.4.7, 4.1.2). Raport zawiera dowody wizualne i rekomendacje naprawy dla każdego znalezionego problemu.

Related skills

content-trend-researcher

by alirezarezvani

Advanced content and topic research skill that analyzes trends across Google Analytics, Google Trends, Substack, Medium, Reddit, LinkedIn, X, blogs, podcasts, and YouTube to generate data-driven article outlines based on user intent analysis

UX / Design
20116

software-architecture

by davila7

Guide for quality focused software architecture. This skill should be used when users want to write code, design architecture, analyze code, in any case that relates to software development.

UX / Design
66205

3d-graphics

by samhvw8

3D web graphics with Three.js (WebGL/WebGPU). Capabilities: scenes, cameras, geometries, materials, lights, animations, model loading (GLTF/FBX), PBR materials, shadows, post-processing (bloom, SSAO, SSR), custom shaders, instancing, LOD, physics, VR/XR. Actions: create, build,

UX / Design
2595

error-handling-patterns

by wshobson

Master error handling patterns across languages including exceptions, Result types, error propagation, and graceful degradation to build resilient applications. Use when implementing error handling, designing APIs, or improving application reliability.

UX / Design
22145

motion-graphics

by rohitg00

Kinetic typography, logo animations, and stylized motion design skill.\n\n**Triggers when:**\n- User wants text animations or kinetic typography\n- Request involves logo reveals or title sequences\n- Content focuses on visual impact over education\n- User mentions \

UX / Design
2126

mermaid

by iOfficeAI

Render Mermaid diagrams as SVG or ASCII art using beautiful-mermaid. Use when users need to create flowcharts, sequence diagrams, state diagrams, class diagrams, or ER diagrams. Supports both graphical SVG output and terminal-friendly ASCII/Unicode output.

UX / Design
1881