General
PromptBeginner5 minmarkdown
- CSS specificity is managed (BEM
CSS Modules
0
Explore
Find agent skills by outcome
101,238 skills indexed with the new KISS metadata standard.
Showing 24 of 101,238Categories: Writing & Content, General, Data
Data
PromptBeginner5 minmarkdown
- Global state for shared application data (Redux Toolkit
Zustand
0
General
PromptBeginner5 minmarkdown
- Server-side rendering with Next.js
Nuxt
0
General
PromptBeginner5 minmarkdown
Building reusable
accessible UI components:
0
General
PromptBeginner5 minmarkdown
- Viewport optimization for phones
tablets
0
Data
PromptBeginner5 minmarkdown
- Local state for component-specific data (useState
ref
0
General
PromptBeginner5 minmarkdown
- Monitor Core Web Vitals (FCP < 1.8s
TTI < 3.9s
0
General
PromptBeginner5 minmarkdown
- Implement lazy loading for routes
heavy components
0
General
PromptBeginner5 minmarkdown
- Use modern CSS features: `:has()`
container queries
0
General
PromptBeginner5 minmarkdown
- **Patterns**: Apply composition
render props
0
General
PromptBeginner5 minmarkdown
- **Types**: Define TypeScript interfaces for props
state
0
General
PromptBeginner5 minmarkdown
- **Ensure accessibility compliance** following WCAG 2.1 AA standards with proper ARIA attributes
keyboard navigation
0
Data
PromptBeginner5 minmarkdown
- **Manage application state** choosing appropriate solutions (local vs global)
implementing data fetching patterns
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
General
PromptBeginner5 minmarkdown
Before finalizing
verify:
0
General
PromptBeginner5 minmarkdown
- **Affected Users**: Who is impacted (screen reader
keyboard
0
General
PromptBeginner5 minmarkdown
Use checkboxes and stable IDs (e.g.
`A11Y-ITEM-1.1`):
0
General
PromptBeginner5 minmarkdown
- **Severity**: Critical
Major
0
General
PromptBeginner5 minmarkdown
In `TODO_a11y-auditor.md`
include:
0
General
PromptBeginner5 minmarkdown
Use checkboxes and stable IDs (e.g.
`A11Y-PLAN-1.1`):
0
General
PromptBeginner5 minmarkdown
- **Placeholder-only form labels**: Placeholders disappear on focus
leaving users without context
0
General
PromptBeginner5 minmarkdown
- **Using `tabindex` values greater than 0**: Creates unpredictable
unmaintainable tab order
0
General
PromptBeginner5 minmarkdown
- Use Angular CDK's a11y module for focus trapping
live announcer
0