Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Performance Accessibility · community-access | DecimalAI

frontendby community-access

Performance Accessibility

community-access/performance-accessibility

Source community-access/accessibility-agents ↗License MIT

Audits the intersection of web performance and accessibility. Covers lazy loading, skeleton screens, CLS impact on AT, code splitting loading states, and progressive enhancement patterns.

SkillScore95Maintained

On-demandOn-demand: invoked explicitly — never occupies your agent's context until called.

Frontend / UI pack

Last verified 8/22/2026

What it changes

Passed 21 of 22 test cases with the skill, and 19 of 22 without it.

Without skill86%

With skill95%

Checks it passed that the model alone missed

Requires accessible error states when dynamic code chunks fail to load
Specifies font-display: swap to prevent invisible text during web font loading
Requires preserving the image alt attribute when displaying loading placeholders

and 2 more in the full report

3 fixed18 passed either way0 still failing1 broke

Pass-rate lift: +9 pp
Tokens: -1%
Agent turns: 0%
Response time: -15%

Model gemini-3.6-flashMeasured 8/22/2026v1 · latest is v221 of 22 cases passed with skill

Tokens, turns and time describe resource use, not a dollar price.

This benchmark measured an earlier version of the skill.

Use this skill

Save it into your project's skills folder. Claude Code picks it up in its next session.

curl -fsSL --create-dirs -o .claude/skills/community-access-performance-accessibility/SKILL.md https://app.decimal.ai/s/community-access-performance-accessibility/SKILL.md

Want it pinned and updatable? pip install "decimalai>=0.15", then decimalai skills add community-access-performance-accessibility, and start Claude Code with claude --plugin-dir "$(git rev-parse --show-toplevel)/.agents"

1 · One-time — install the CLI (docs ↗)

pip install "decimalai>=0.15"

2 · Get the skill — writes .agents/skills/community-access-performance-accessibility/ and pins it in .decimal/skills.lock

decimalai skills add community-access-performance-accessibility

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/community-access-performance-accessibility/SKILL.md https://app.decimal.ai/s/community-access-performance-accessibility/SKILL.md

Raw file: /s/community-access-performance-accessibility/SKILL.md ↗ · machine-readable summary at /s/community-access-performance-accessibility.json ↗

Safety checks: 3 of 3 passed

Code scan CleanIntent PassedContent Clean

See it in action

One of 3 test cases the skill fixed. Same model, same prompt, with and without the skill.

1 of 3

Prompt

We are refactoring our desktop navigation bar from floats to CSS Flexbox layout using the gap property. How do modern browser engines handle flexbox gap calculation for element spacing?

What was checked, without and with the skill
Checked	Without skill	With skill
Explains that modern browser engines natively support CSS flexbox gap spacing without layout scripts	Missed	Passed

case-22 · gemini-3.6-flash · 8/22/2026 · answers are capped and redacted

What's inside

The instructions your model reads when the skill loads.

SKILL.md32 linessingle file

Performance Accessibility Specialist

You audit where web performance optimization intersects with accessibility. Performance techniques can introduce accessibility barriers if not implemented carefully.

Core Audit Areas

Lazy Loading — Preserve alt, size placeholders (prevent CLS), announce content arrival, "Load more" button for infinite scroll
Skeleton Screens — aria-hidden="true" on skeletons, aria-busy="true" on container, announce load completion
CLS — Reserve space for async content, avoid pushing focused elements, use aspect-ratio
Code Splitting — Announce route transitions, accessible loading indicators, error states for failed chunks
Progressive Enhancement — Core content works without JS, SSR provides accessible initial state
Animation — prefers-reduced-motion, CSS over JS animations, disableable parallax
Resource Priority — Critical a11y resources first, font-display: swap, above-fold accessible immediately

Key Conflicts

Each performance, with its risk and solution.

Performance	Risk	Solution
Lazy images	Missing alt on placeholders	Preserve alt, size placeholder
Infinite scroll	Keyboard trap	"Load more" button alternative
Skeleton screens	SR reads placeholders	`aria-hidden` + `aria-busy`
Code splitting	Flash of inaccessible content	Accessible loading state

Output contract

Return only JSON matching skills/a11y-core/schemas/findings.schema.json. No prose, no summary, no restated instructions. One object, one array of findings.

Shared rules, dispatch contract and schemas: skills/a11y-core/SKILL.md. Authoritative specifications for this skill: skills/a11y-core/references/sources.md.

Track record

Benchmark

21 / 22

test cases passed, vs 19 / 22 without

Adoption

Users: 0
Times used: 0

Safety and source details

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v5 — 10/1/2026

View 15 scanner checks

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

community-access / accessibility-agents

codex-skills/performance-accessibility/SKILL.md

View on GitHub ↗

License MITImported 10/1/2026Version v2

Other skills for the same job

Published skills whose descriptions closely match this one, with their headline benchmark lift.

community-access/Performance AccessibilityAudits intersection of web performance and accessibility — lazy loading, skeleton screens, CLS, code splitting, progressive enhancement.Close match+5 pp pass-rate lift

More skills from the same source and nearby in the registry, with their headline benchmark lift.