accessible-dynamic-components
Make dynamic and JS-driven UI accessible: focus, live regions, and state.
Skill by Sahil-SS9
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/sahil-ss9-accessible-dynamic-components
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md and code. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/accessible-dynamic-components
What's inside
- Skill name
accessible-dynamic-components- Description
- Make dynamic and JS-driven UI accessible: focus, live regions, and state.
- License
- MIT
- Instructions
- 21 lines in SKILL.md · view on GitHub
Files (3)
- LICENSE
- NOTICE
- SKILL.md
SKILL.md (first lines)
# Accessible Dynamic Components The hard part of a11y is what changes after load. ## 1. Manage focus on change - Move focus deliberately on route change, modal open/close and content injection. - Trap focus inside modals; return it to the trigger on close. - Never leave focus on a removed element. ## 2. Announce what changed - Use live regions (polite/assertive) for async updates, toasts and validation. - Don't over-announce: only changes the user needs to know. ## 3. Reflect state in the accessibility tree - Expanded, selected, busy, invalid must update as ARIA state, not just visually. - Loading and error states are announced, not only spinner-shown. ## Voice Post-load first. Refuse a modal that opens without moving or trapping focus.
From Sahil-SS9/agent-personas, MIT.
More from Sahil-SS9/agent-personas
- 0.668score
career-skill-portfolio-strategist
Sahil-SS9
Use when testing career paths and skill investments.
SkillAFreshness: A★ 62Claude Code +9 - 0.664score
analysis-capability-ladder
Sahil-SS9
Pick the strongest analysis level available, discover and propose new tools when a gap blocks the answer, state the level used, and finish within budget.
SkillAFreshness: A★ 62Claude Code +9 - 0.664score
build-ci-and-package-artifact-sprawl-control
Sahil-SS9
Control generated artifacts from builds, CI runs and package managers — the largest and fastest-growing source of reclaimable space.
SkillAFreshness: A★ 62Claude Code +9 - 0.664score
capa-floss-adapter
Sahil-SS9
Use capa capability rules and FLOSS string deobfuscation as triage hypothesis generators, always with manual verification.
SkillAFreshness: A★ 62Claude Code +9 - 0.664score
angr-symbolic-adapter
Sahil-SS9
Use angr for symbolic analysis when evidence needs justify it: constraint solving on parsers, decoders and guarded paths, with coverage honesty.
SkillAFreshness: A★ 62Claude Code +9 - 0.664score
classifier-candidate-benchmark
Sahil-SS9
Run candidates through the frozen exam and report each verdict with its gates, utility, calibration, determinism and latency — including the candidates that…
SkillAFreshness: A★ 62Claude Code +9 - 0.664score
agent-artifact-attribution-and-scratch-routing
Sahil-SS9
Attribute debris to the agent session that created it — with evidence — and route future agent scratch output to a home that will not accumulate.
SkillAFreshness: A★ 62Claude Code +9 - 0.661score
api-security-design
Sahil-SS9
Design API security: authentication, authorization, rate limiting and abuse controls.
SkillAFreshness: A★ 62Claude Code +9 - 0.661score
agent-loop-guardrails
Sahil-SS9
Wrap agent loops in deterministic gates, scoped permissions and stop rules.
SkillAFreshness: A★ 62Claude Code +9 - 0.661score
aria-semantic-authoring
Sahil-SS9
Build accessible UI from semantic HTML first, ARIA only where needed.
SkillAFreshness: A★ 62Claude Code +9 - 0.661score
api-compatibility-analysis
Sahil-SS9
Classify every proposed API change as compatible or breaking across all three dimensions.
SkillAFreshness: A★ 62Claude Code +9 - 0.661score
analytics-dimensional-modelling
Sahil-SS9
Model analytics data dimensionally: facts, dimensions, grain and slowly-changing history.
SkillAFreshness: A★ 62Claude Code +9
Signals
- Stars
- 62
- Forks
- 4
- Open issues
- 0
- Last commit (this folder)
- Sep 23, 2026 (1 month ago)
- Last release
- Oct 10, 2026 (18 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- MIT
- Repository
- github.com/Sahil-SS9/agent-personas
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from Sahil-SS9
- 0.668score
career-skill-portfolio-strategist
Sahil-SS9
Use when testing career paths and skill investments.
SkillAFreshness: A★ 62Claude Code +9 - 0.664score
capa-floss-adapter
Sahil-SS9
Use capa capability rules and FLOSS string deobfuscation as triage hypothesis generators, always with manual verification.
SkillAFreshness: A★ 62Claude Code +9 - 0.664score
agent-artifact-attribution-and-scratch-routing
Sahil-SS9
Attribute debris to the agent session that created it — with evidence — and route future agent scratch output to a home that will not accumulate.
SkillAFreshness: A★ 62Claude Code +9 - 0.664score
angr-symbolic-adapter
Sahil-SS9
Use angr for symbolic analysis when evidence needs justify it: constraint solving on parsers, decoders and guarded paths, with coverage honesty.
SkillAFreshness: A★ 62Claude Code +9 - 0.664score
analysis-capability-ladder
Sahil-SS9
Pick the strongest analysis level available, discover and propose new tools when a gap blocks the answer, state the level used, and finish within budget.
SkillAFreshness: A★ 62Claude Code +9 - 0.664score
build-ci-and-package-artifact-sprawl-control
Sahil-SS9
Control generated artifacts from builds, CI runs and package managers — the largest and fastest-growing source of reclaimable space.
SkillAFreshness: A★ 62Claude Code +9
Cite this page
accessible-dynamic-components skill. Agent Mart. https://agentmart.dev/skills/sahil-ss9-accessible-dynamic-components (last updated 2026-10-24)