skilluiVercellink only
web-design-guidelines
Reviews UI code against Vercel's Web Interface Guidelines for UX and accessibility.
looks for
- review my UI
- check accessibility
- audit design against best practices
This one isn't copied here because its license is unclear. Read it at the source.
more in ui
- skilltrueorfalse
accessibility
Checks and fixes semantics, keyboard, focus, contrast, labels and motion against WCAG 2.2 AA.
- div or span used as a button
- custom controls (switch, tabs, menu, dialog, combobox)
- icon-only buttons
Claude · Codex · ChatGPT - skilltrueorfalse
design-system
Gives implementers a working checklist so every screen uses primitives and tokens instead of one-off styles.
- raw hex colours, px spacing or font sizes in a component
- a new UI library or icon set being added
- a component duplicated across two screens
Claude · Codex · ChatGPT - skilltrueorfalse
motion
Sets the rules for presets, wrappers, reduced motion and performance so animation is consistent and 60 fps.
- library animation calls scattered through pages
- animating width, height, top, left or box-shadow
- no prefers-reduced-motion handling
Claude · Codex · ChatGPT