.cursor/skills/level/SKILL.md
Use when auditing accessibility, keyboard support, contrast, responsive behavior, or experience parity across mobile, tablet, and desktop views.
npx skillsauth add Columbia-Cloudworks-LLC/EquipQR levelInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
The level reminds the builder to meet every user on equal ground.
Perform an accessibility and platform-parity audit so no user is disadvantaged by device, viewport, or assistive need.
In this repository, favor technician speed and legibility on mobile first while maintaining equal polish for tablet and desktop.
/level/level <optional-scope-path>Copy this checklist and track it while running:
Level Progress
- [ ] 1) Confirm scope and primary user flows
- [ ] 2) Inspect semantics, labels, focus, and keyboard navigation
- [ ] 3) Review contrast, motion, and responsive layout parity
- [ ] 4) Rank user-impacting accessibility and parity gaps
- [ ] 5) Propose remediation steps
Identify the key tasks, target devices, and assistive expectations in the scoped UI.
Check:
Look for viewport-specific regressions, low-contrast states, missing touch affordances, clipped content, or motion that should respect reduced-motion preferences.
Separate blockers from inconveniences and note which user groups are most affected.
Recommend the smallest changes that restore equitable access and usable layouts across devices.
development
React performance optimization guidelines from Vercel Engineering, with EquipQR-specific mappings (Vite + React Router + TanStack Query). Use when writing, reviewing, or refactoring React code in this repo, especially around waterfalls, bundle size, and re-renders.
testing
Postgres performance optimization and best practices from Supabase, adapted to EquipQR's Supabase (Postgres + RLS) workflow. Use when editing SQL, migrations, indexes, or RLS policies.
development
Applies EquipQR's brand colors and design-system tokens to any artifact that should match EquipQR's look-and-feel. Use it when brand colors, style guidelines, visual formatting, or EquipQR design standards apply.
development
Use when auditing dependency health, API contract consistency, shared data shapes, or brittle integration seams between modules, services, and packages.