aria

WAI-ARIA implementation, roles, states, and properties.

509 stars

Best use case

aria is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

WAI-ARIA implementation, roles, states, and properties.

Teams using aria should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/aria/SKILL.md --create-dirs "https://raw.githubusercontent.com/a5c-ai/babysitter/main/library/specializations/web-development/skills/aria/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/aria/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How aria Compares

Feature / AgentariaStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

WAI-ARIA implementation, roles, states, and properties.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# ARIA Skill

Expert assistance for WAI-ARIA implementation.

## Capabilities

- Implement ARIA roles
- Manage states and properties
- Create accessible widgets
- Handle live regions
- Test with screen readers

## Common Patterns

```tsx
// Modal dialog
<div
  role="dialog"
  aria-modal="true"
  aria-labelledby="dialog-title"
  aria-describedby="dialog-desc"
>
  <h2 id="dialog-title">Title</h2>
  <p id="dialog-desc">Description</p>
</div>

// Live region
<div aria-live="polite" aria-atomic="true">
  {statusMessage}
</div>

// Tab panel
<div role="tablist">
  <button role="tab" aria-selected={selected} aria-controls="panel-1">
    Tab 1
  </button>
</div>
<div role="tabpanel" id="panel-1" aria-labelledby="tab-1">
  Content
</div>
```

## Target Processes

- aria-implementation
- accessibility-improvement
- screen-reader-support

Related Skills

loop-invariant-generator

509
from a5c-ai/babysitter

Automatically generate and verify loop invariants for algorithm correctness proofs

vep-variant-annotator

509
from a5c-ai/babysitter

Variant Effect Predictor skill for comprehensive variant annotation with clinical database integration

structural-variant-detector

509
from a5c-ai/babysitter

Structural variant detection skill for identifying CNVs, inversions, translocations, and complex rearrangements

gatk-variant-caller

509
from a5c-ai/babysitter

GATK best practices skill for germline and somatic variant calling with joint genotyping

deepvariant-caller

509
from a5c-ai/babysitter

DeepVariant deep learning variant calling skill for high-accuracy SNV and indel detection

acmg-variant-classifier

509
from a5c-ai/babysitter

ACMG/AMP variant classification skill for systematic pathogenicity assessment

invariant-analyzer

509
from a5c-ai/babysitter

Identify and verify loop invariants for correctness proofs

adversarial-review

509
from a5c-ai/babysitter

Fresh adversarial code review with binary PASS/FAIL verdicts, evidence citations, and anchoring bias prevention via fresh reviewer spawning.

process-builder

509
from a5c-ai/babysitter

Scaffold new babysitter process definitions following SDK patterns, proper structure, and best practices. Guides the 3-phase workflow from research to implementation.

Workflow & Productivity

babysitter

509
from a5c-ai/babysitter

Orchestrate via @babysitter. Use this skill when asked to babysit a run, orchestrate a process or whenever it is called explicitly. (babysit, babysitter, orchestrate, orchestrate a run, workflow, etc.)

yolo

509
from a5c-ai/babysitter

Run Babysitter autonomously with minimal manual interruption.

user-install

509
from a5c-ai/babysitter

Install the user-level Babysitter Codex setup.