| name | frontend |
| description | Category glossary for frontend. Contains 5 skills: `accessibility`, `fix-frontend-type-errors`, `typescript-contract-... |
Frontend
Load any skill below: Read .claude/skill-bank/{skill-name}/SKILL.md
Skills
| Skill | Description |
|---|
accessibility | WCAG 2.1 AA patterns for inclusive UI. Load when building components needing a11y, ARIA, or keyboard nav |
fix-frontend-type-errors | Systematic TypeScript/Vue type error resolution (vue-tsc/ESLint). Load when fixing frontend type check failures |
typescript-contract-types | Contract-first TypeScript types for generated clients and mapper isolation. Load when writing mappers or API types |
ux-design | UX design thinking for friction reduction and cognitive load. Load when building interactive UI or auditing user flows |
vue-frontend | Vue 3 Composition API + TypeScript patterns. Load when building components, composables, Pinia state, or reviewing Vue |
Keyword Index
| Keyword | Skills |
|---|
| accessibility | accessibility |
| aria | accessibility |
| cognitive-load | ux-design |
| color-contrast | accessibility |
| components | vue-frontend |
| composition-api | vue-frontend |
| contract-first | typescript-contract-types |
| eslint | fix-frontend-type-errors |
| feedback | ux-design |
| flow | ux-design |
| friction | ux-design |
| generated-clients | typescript-contract-types |
| imports | typescript-contract-types |
| keyboard-navigation | accessibility |
| layouts | ux-design |
| mappers | typescript-contract-types |
| pinia | vue-frontend |
| type-errors | fix-frontend-type-errors |
| type-guards | typescript-contract-types |
| types | typescript-contract-types |
| typescript | fix-frontend-type-errors, typescript-contract-types, vue-frontend |
| ux | ux-design |
| vue | fix-frontend-type-errors, vue-frontend |
| vue-tsc | fix-frontend-type-errors |
| wcag | accessibility |