skills.rest
jubscodes
jubscodesCOMMUNITY
Explore all skills by this author →
GitHub

gsp-accessibility

Check inline WCAG contrast and audit brand tokens for accessibility compliance.

49|4|Updated Feb 20, 2026
Search Tags:#ui#accessibility#audit#wcag#contrast#design-tokens
One-click install
npx skills add https://github.com/jubscodes/get-shit-pretty --skill gsp-accessibility
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: gsp-accessibility
Source: https://github.com/jubscodes/get-shit-pretty/tree/main/gsp/skills/gsp-accessibility
Command: npx skills add https://github.com/jubscodes/get-shit-pretty --skill gsp-accessibility

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides quick WCAG conformance checks and token-level accessibility audits inline in the design workflow, reducing manual review time.

Core Features & Use Cases

  • Quick contrast checks: validate foreground/background pairs against WCAG thresholds.
  • Token audits: evaluate brand tokens for accessibility compliance across palettes, typography, and components.
  • Guided workflows: route to /gsp-accessibility-audit for full WCAG audits, code audits, or statement generation.
  • Use Case: Design teams can verify token contrast across light/dark modes before publishing a brand update.

Quick Start

Invoke /gsp-accessibility for quick checks, or run /gsp-accessibility-audit for a comprehensive audit.

Frequently Asked Questions about gsp-accessibility

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I check WCAG contrast ratios for design tokens inline?▼

To perform a token audit, evaluate brand tokens for accessibility compliance across palettes, typography, and components. The process checks contrast pairs and writes results to a markdown report, guiding you through validation with interactive prompts.

What is a design token accessibility audit?▼

A design token accessibility audit evaluates brand tokens for compliance across palettes, typography, and components. It validates foreground and background pairs against WCAG thresholds to ensure UI elements meet accessibility standards.

Can I generate a WCAG statement from a token audit?▼

You can generate a comprehensive WCAG statement by routing to the full audit mode. This guided workflow evaluates your design system and produces the necessary documentation for accessibility compliance reporting.

Do I need external agents to run WCAG checks on my UI?▼

No external agents are required to run WCAG checks on your UI. This skill provides inline accessibility checks and token audits using mode flags and interactive prompts without any external dependencies.

How do I audit brand tokens for light and dark mode compliance?▼

Audit brand tokens for light and dark mode compliance by validating foreground and background pairs against WCAG thresholds. This ensures your design system elements meet accessibility standards across both visual modes before updates are published.

Related Skills

Explore More Design & Creative Skills→
ngochuy13ngochuy13

color-palette

Generate accessible brand and UI color palettes with WCAG contrast ratios.

Community
Advanced
InnerScopeHearingInnerScopeHearing

wcag-audit-patterns

Audit web content for WCAG 2.2 compliance with automated testing and remediation guidance.

Official
Intermediate
astoreyaiastoreyai
3

kymera-brand

Define Kymera Brand System UI guidelines for dashboards, reports, presentations, and technical artifacts across web and print with color tokens, typography, components, and backgrounds for dark/light modes.

Community
Basic
gsd-buildgsd-build
7.8k

accessibility

Audit web projects for WCAG 2.1 accessibility issues and generate remediation plans.

Official
Advanced