Skills

All Skills

contrast

Skills tagged with #contrast

@anthropics

accessibility-review

Run a WCAG 2.1 AA accessibility audit on a design or page. Trigger with "audit accessibility", "check a11y", "is this accessible?", or when reviewing a design for color contrast, keyboard navigation, touch target size, or screen reader behavior before handoff.

anthropics/knowledge-work-plugins+93 more
6mo ago
9.1K0
@ilyasibrahim

accessibility-checklist

WCAG AA accessibility checklist and verification protocols for Somali dialect classifier dashboard. Covers keyboard navigation, screen readers, color contrast, ARIA labels, and accessibility testing procedures.

ilyasibrahim/claude-agents-coordination+6 more
6mo ago
360
@cybertronai

anti-slop-guide

Use when drafting, editing, or reviewing any prose to detect and remove AI writing patterns including overused vocabulary (delve, tapestry, landscape), formulaic structures (binary contrasts, rule of three), throat-clearing openers, business jargon, and other LLM tells

cybertronai/SutroYaro+5 more
6mo ago
60
@Kimeur

duo-accessibility

Makes iPhone Duo apps work with VoiceOver, Dynamic Type, Reduce Motion, Increase Contrast, hardware keyboards, Switch Control and Voice Control on both displays. Use it when VoiceOver reads two panes row by row or loses its place after the phone folds or unfolds, when text truncates or clips on the 5.4-inch outer display at large text sizes, when a hinge effect or resize animation ignores Reduce Motion, when colours fail contrast, when keyboard shortcuts or focus don't work, or when you add accessibility labels, identifiers or audits. Covers accessibilityElement(children: .contain), accessibilitySortPriority, AccessibilityFocusState with a delayed move after a size-class change, AnyLayout and ViewThatFits reflow with isAccessibilitySize, ScaledMetric, accessibilityReduceMotion with onHingeChange, colorSchemeContrast, keyboardShortcut, accessibilityInputLabels, modifiers before .position, Accessibility Inspector, performAccessibilityAudit and XCUIDevice voiceOverService UI tests on the iPhone Duo simulator.

Kimeur/duology+15 more
15h ago
400
@DrCatHicks

learning-goal

Guide the learner through a structured goal-setting exercise grounded in research on Mental Contrasting with Implementation Intentions (MCII). The exercise helps developers set concrete learning goals, visualize meaningful outcomes, anticipate realistic obstacles, and build if-then plans to overcome them.

DrCatHicks/learning-goal
6mo ago
480
@rog0x
MCP

Io.Github.Rog0x/Color

Color convert, palette, contrast checker for AI agents

mcpgithubai
rog0x/mcp-color-tools
6mo ago
0
@adobe

leonardo-colors

Generate accessible color themes using @adobe/leonardo-contrast-colors. Use when the user needs help building contrast-based color palettes, checking WCAG accessibility, creating adaptive themes, or using the Leonardo API.

adobe/leonardo
6mo ago
2.1K0
@VeryGoodOpenSource

vgv-accessibility

Flutter accessibility auditing and remediation with WCAG 2.1 level selection (A, AA, AAA) across mobile, desktop, and web platforms. Use when building, auditing, or reviewing widgets for screen reader support, touch targets, focus management, color contrast, text scaling, or motion sensitivity. Begins by asking the WCAG conformance level and target platform(s) before applying level-appropriate, platform-aware criteria.

VeryGoodOpenSource/very_good_ai_flutter_plugin+10 more
6mo ago
630
@fugazi

a11y-playwright-testing

Accessibility testing for web applications using Playwright (@playwright/test) with TypeScript and axe-core. Use when asked to write, run, or debug automated accessibility checks, keyboard navigation tests, focus management, ARIA/semantic validations, screen reader compatibility, or WCAG 2.1 Level AA compliance testing. Covers axe-core integration, POUR principles (perceivable, operable, understandable, robust), color contrast, form labels, landmarks, and accessible names.

fugazi/test-automation-skills-agents+6 more
6mo ago
530
@alirezarezvani

a11y-audit

Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases. Use when auditing accessibility, fixing a11y violations, checking color contrast, generating compliance reports, or integrating accessibility checks into CI/CD pipelines.

alirezarezvani/claude-skills+165 more
6mo ago
5.1K0
@ChromeDevTools

a11y-debugging

Uses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines. Use when testing semantic HTML, ARIA labels, focus states, keyboard navigation, tap targets, and color contrast.

ChromeDevTools/chrome-devtools-mcp+4 more
6mo ago
29.0K0
@marvinrichter

accessibility-patterns

Web Accessibility (WCAG 2.2): key success criteria (contrast, keyboard, focus, ARIA), ARIA patterns (aria-label/labelledby/describedby, roles, live regions, state attributes), keyboard navigation (focus trap, skip links, roving tabindex), screen reader testing (NVDA/VoiceOver/TalkBack), automated testing (axe-core, axe-playwright, jest-axe), and accessible component patterns (modals, tables, forms, data visualizations).

marvinrichter/clarc+74 more
6mo ago
50
@haabe

a11y-check

Accessibility audit against WCAG 2.1 AA. Checks semantic HTML, ARIA, keyboard navigation, color contrast, screen reader compatibility.

haabe/mycelium+44 more
3mo ago
70
@andyed

muriel

A multi-constraint solver for visual production — raster, SVG, web, interactive, video, terminal, density viz, gaze, science, infographics, diagrams across eleven output channels plus dimensions + style-guides cross-channel references. Brand tokens, 8:1 contrast rule, and dimension constants stay active at render time. Use when the user needs any visual artifact for human eyes.

andyed/muriel
6mo ago
110
@samibs

a11y

Use this agent for WCAG 2.1 accessibility audits, screen reader testing, keyboard navigation, color contrast, ARIA validation, and inclusive design reviews.

samibs/skillfoundry+44 more
4mo ago
60
@coveo

applying-wcag-guidelines

Applies WCAG 2.2 Level AA accessibility standards to UI components. Use when creating or modifying UI components, reviewing accessibility, or when users mention accessibility-related terms or concepts (e.g., WCAG, ARIA, a11y, screen readers, keyboard navigation, or contrast).

coveo/ui-kit+3 more
6mo ago
650
@ogSINGH
MCP

Io.Github.OgSINGH/Contrast Checker Mcp

MCP - WCAG 2.1 color contrast checker - contrast ratios, compliance and accessible color suggestions

mcpgithub
ogSINGH/contrast-checker-mcp
6mo ago
0
@rog0x
MCP

Io.Github.Rog0x/A11y

Alt text, headings, contrast, ARIA for AI agents

mcpgithubai
rog0x/mcp-a11y-tools
6mo ago
0
@Defozo
MCP

DDC/CI Control Bridge

Control monitor brightness, contrast, power and input via DDC/CI with MCP and MQTT support.

mcpgithub
Defozo/ddc-ci-control-bridge
6mo ago
0