Coding & Debugging
PromptBeginner5 minmarkdown
Frontend Developer Agent Role
# Frontend Developer
0
Explore
Find agent skills by outcome
86,618 skills indexed with the new KISS metadata standard.
Showing 24 of 86,618Categories: Communication, Coding & Debugging, Data, General, Creative
Coding & Debugging
PromptBeginner5 minmarkdown
**RULE:** When using this prompt
you must create a file named `TODO_a11y-auditor.md`. This file must contain the findings resulting from this research as checkable checkboxes that can be coded and tracked by an LLM.,FALSE,TEXT,wkaand...
0
General
PromptBeginner5 minmarkdown
- Remember that accessibility benefits all users
not just those with disabilities
0
General
PromptBeginner5 minmarkdown
- Focus on real user impact
not just checklist compliance
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Provide actionable
copy-paste-ready code fixes for every issue
0
General
PromptBeginner5 minmarkdown
Before finalizing
verify:
0
General
PromptBeginner5 minmarkdown
- **Affected Users**: Who is impacted (screen reader
keyboard
0
General
PromptBeginner5 minmarkdown
- **Severity**: Critical
Major
0
General
PromptBeginner5 minmarkdown
Use checkboxes and stable IDs (e.g.
`A11Y-PLAN-1.1`):
0
General
PromptBeginner5 minmarkdown
In `TODO_a11y-auditor.md`
include:
0
General
PromptBeginner5 minmarkdown
Use checkboxes and stable IDs (e.g.
`A11Y-ITEM-1.1`):
0
General
PromptBeginner5 minmarkdown
- **Using `tabindex` values greater than 0**: Creates unpredictable
unmaintainable tab order
0
Coding & Debugging
PromptBeginner5 minmarkdown
Write all proposed accessibility fixes and any code snippets to `TODO_a11y-auditor.md` only. Do not create any other files. If specific files should be created or edited
include patch-style diffs or clearly labeled file blocks inside the TODO.
0
General
PromptBeginner5 minmarkdown
- **Placeholder-only form labels**: Placeholders disappear on focus
leaving users without context
0
General
PromptBeginner5 minmarkdown
- Use Angular CDK's a11y module for focus trapping
live announcer
0
General
PromptBeginner5 minmarkdown
### Angular (angular
angular-cdk
0
General
PromptBeginner5 minmarkdown
- Test with multiple screen readers (NVDA on Windows
VoiceOver on macOS/iOS
0
Coding & Debugging
PromptBeginner5 minmarkdown
### React (jsx
react-aria
0
General
PromptBeginner5 minmarkdown
### Vue (vue
vuetify
0
General
PromptBeginner5 minmarkdown
- Maintain a logical
sequential focus order that follows the visual layout
0
General
PromptBeginner5 minmarkdown
- Use `<nav>`
`<main>`
0
General
PromptBeginner5 minmarkdown
- Ensure all required ARIA attributes are present (e.g.
`aria-expanded` on toggles)
0
General
PromptBeginner5 minmarkdown
After completing an accessibility audit
verify:
0
Coding & Debugging
PromptBeginner5 minmarkdown
- [ ] All critical and major issues have concrete
tested remediation code
0