🎯

frontend-accessibility-best-practices

🎯Skill

from sergiodxa/agent-skills

VibeIndex|
What it does
|

Accessibility best practices skill for React applications following WCAG standards, with 7 rules covering semantic HTML landmarks, screen reader support (sr-only, aria-live regions), keyboard navigation, and user preferences for building inclusive UIs.

πŸ“¦

Same repository

sergiodxa/agent-skills(11 items)

frontend-accessibility-best-practices

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code
npx vibeindex add sergiodxa/agent-skills --skill frontend-accessibility-best-practices
skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code
npx skills add sergiodxa/agent-skills --skill frontend-accessibility-best-practices
Manual InstallCopy SKILL.md content and save to the path below
~/.claude/skills/frontend-accessibility-best-practices/SKILL.md

SKILL.md

194Installs
62
-
Last UpdatedJan 29, 2026

More from this repository10

🎯
frontend-testing-best-practices🎯Skill

Frontend testing best practices skills emphasizing E2E tests over unit tests, minimal mocking, and testing user behavior rather than implementation details.

🎯
owasp-security-check🎯Skill

Performs comprehensive security audits on web applications and REST APIs, systematically checking for OWASP Top 10 vulnerabilities across authentication, data protection, and input security domains.

🎯
frontend-react-best-practices🎯Skill

React performance optimization skill with 33 rules across 6 categories, covering bundle size optimization (avoiding barrel imports, conditional loading, preloading), re-render reduction with functional setState, and component composition patterns.

🎯
frontend-tailwind-best-practices🎯Skill

Tailwind CSS styling patterns and conventions skill with 10 rules covering custom stack utilities (v-stack, h-stack, z-stack), gap-based spacing over margins, responsive layout direction switching, color schemes, and className merging.

🎯
frontend-react-router-best-practices🎯Skill

Optimizes React Router performance by providing best practices for data loading, route organization, and efficient routing patterns.

🎯
frontend-js-best-practices🎯Skill

Frontend testing best practices skills emphasizing E2E tests over unit tests, minimal mocking, and testing user behavior rather than implementation details.

🎯
frontend-async-best-practices🎯Skill

Async/await optimization skill with 5 rules focused on eliminating request waterfalls and maximizing parallelism using Promise.all(), deferred awaits, and proper dependency chaining for Remix loaders, actions, and data fetching logic.

🎯
frontend-internationalization-best-practices🎯Skill

Enables seamless internationalization in React Router apps by configuring locale detection, resource management, and language switching with remix-i18next.

🎯
skill-writing-best-practices🎯Skill

AI agent skill writing best practices skill with 6 rules covering directory structure, content patterns, and writing style for creating effective skills that capture coding conventions

🎯
ruby-on-rails-best-practices🎯Skill

A Ruby on Rails best practices skill following Basecamp conventions for models, controllers, jobs, and concerns in Rails applications.