Accessibility skills
Keyboard use, screen readers, contrast and target sizes, so the interface works for everyone.
79 skills, page 1 of 2
Skills
Frontend Ui Engineeringby addyosmani
Frontend UI engineering guidance covering component architecture, responsive design, accessibility, and maintainable implementation patterns.
LayoutExternalGitHub stars: 111.7K
Auditby pbakaus
Run technical UI quality audits across accessibility, performance, theming, responsive behavior, and anti-patterns.
AccessibilityExternalGitHub stars: 95.1K
Wcag Audit Patternsby wshobson
Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.
AccessibilityExternalGitHub stars: 42K
Web Design Guidelinesby vercel-labs
Review UI code for Web Interface Guidelines compliance. Audit design, accessibility, and UX against Vercel's best practices.
VisualExternalGitHub stars: 33.2K
Fixing Accessibilityby ibelick
Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.
AccessibilityExternalGitHub stars: 10.4K
Better Accessibilityby jakubkrehel
Review and improve focus states, keyboard support, ARIA, forms, screen readers, hit areas, and motion accessibility.
AccessibilityExternalGitHub stars: 9.2K
Better Colorsby jakubkrehel
OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme with Tailwind v4. Triggers on oklch, color conversion, palette generation, contrast ratio, gamut, display p3, design tokens, hue drift, chroma, dark mode colors.
VisualExternalGitHub stars: 9.2K
Better Interfaceby jakubkrehel
Run a holistic interface review across accessibility, layout, writing, typography, color, and visual polish.
VisualExternalGitHub stars: 9.2K
Better Typographyby jakubkrehel
Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, configuring variable fonts or OpenType features, setting up a type scale, styling text in components, truncating text, styling underlines, selection, placeholders or carets, or reviewing frontend code for typography. Triggers on typography, fonts, font formats, woff2, variable fonts, font-weight, opentype, font-feature-settings, letter-spacing, line-height, type scale, tabular numbers, text-wrap, truncation, line clamp, underlines, text-decoration, text selection, iOS input zoom, font smoothing, text contrast, measure, line length, text-box, smart punctuation, drop cap.
TypographyExternalGitHub stars: 9.2K
Better Writingby jakubkrehel
Improve UX writing for interface labels, errors, empty states, settings, notifications, and product voice consistency.
LayoutExternalGitHub stars: 9.2K
Web Design Guidelinesby antfu
Review UI code for web interface guideline compliance, including accessibility and UX best practices.
VisualExternalGitHub stars: 6K
Accessibilityby addyosmani
Audit and improve web accessibility following WCAG 2.2 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
AccessibilityExternalGitHub stars: 3K
Web Quality Auditby addyosmani
Web quality auditing skill for Lighthouse-style analysis across performance, accessibility, best practices, and SEO signals.
PerformanceExternalGitHub stars: 3K
Oklch Skillby jakubkrehel
Practical OKLCH color workflow skill for building consistent, accessible, and tunable color systems in modern UIs.
VisualExternalGitHub stars: 273
Create Anatomyby redongreen
Generate a visual anatomy annotation in Figma showing numbered markers on a component instance with an attribute table. Use when the user mentions anatomy, anatomy annotation, component anatomy, create anatomy, or wants to annotate a component's structural elements.
Design SystemsExternalGitHub stars: 248
Create Voiceby redongreen
Generate VoiceOver, TalkBack, and ARIA screen reader specs in Figma with focus order, property tables, and announcements by component state.
AccessibilityExternalGitHub stars: 248
Accessibility Diffby AccessLint
Regression check that diffs a live page's accessibility violations against a baseline from uncommitted changes or a branch.
AccessibilityExternalGitHub stars: 114
Accessibility Scanby AccessLint
Run the AccessLint rule engine against a live page and return a worklist of WCAG 2.2 violations grounded to DOM selectors and source locations.
AccessibilityExternalGitHub stars: 114
Audit and Fixby AccessLint
Accessibility auditing and remediation workflow that combines detection, prioritization, and practical fixes for WCAG issues.
AccessibilityExternalGitHub stars: 114
Contrast Checkerby AccessLint
Compatibility listing for contrast-checker installs from AccessLint's marketplace skill set.
AccessibilityExternalGitHub stars: 114
Link Purposeby AccessLint
Compatibility listing for link-purpose installs from AccessLint's marketplace skill set.
AccessibilityExternalGitHub stars: 114
Refactorby AccessLint
Compatibility listing for refactor installs from AccessLint's marketplace skill set.
AccessibilityExternalGitHub stars: 114
Use of Colorby AccessLint
Compatibility listing for use-of-color installs from AccessLint's marketplace skill set.
AccessibilityExternalGitHub stars: 114
Accessible Animationby iart-ai
Tiered reduced-motion patterns for CSS, GSAP, Framer Motion, Lenis, and other web animation systems.
AccessibilityExternalGitHub stars: 64
Sounds on the Webby raphaelsalaja
Audit interface sound feedback for UX quality, accessibility, and practical implementation patterns.
InteractionExternalGitHub stars: 42
Design Reviewby Superfuture
Run a sharp, prioritized design critique of a UI — a URL, a screenshot/image, or a component file — covering visual hierarchy, typography, spacing, color & contrast, motion, component states, responsiveness, accessibility, and brand consistency. Returns findings ranked from blocking to polish, each with a specific fix; can optionally apply the fixes to code. Use when the user asks to review/critique a design, page, screen, component, or screenshot, or to check craft/accessibility before shipping.
VisualExternalGitHub stars: 24
Balise Ux Writingby mrstev3n
Reviews, rewrites, creates, harmonizes, and implements user-centered interface copy across design files, screenshots, product specifications, source code, localization catalogs, prototypes, and rendered applications. Use for buttons, navigation, forms, errors, empty states, onboarding, confirmations, settings, consent, notifications, help, and system feedback while preserving product behavior, terminology, voice, accessibility, localization, legal meaning, component structure, and implementation constraints.
TasteExternalGitHub stars: 12
Build Primitiveby PrototyperAI
Build foundational UI primitives from scratch with strong ARIA, keyboard, focus, and state handling.
AccessibilityExternalGitHub stars: 7
Accessible Focus Statesby UI Skillbook
Keep a visible, high-contrast focus indicator on every interactive element, without a generic browser outline or none at all.
Accessibility
Color Contrast for Taste, Not Just Complianceby UI Skillbook
Use accessible contrast ratios as a floor, then build restrained hierarchy on top of them rather than treating them as the whole job.
Visual
Ramsby rams
Real-time design feedback skill focused on accessibility, spacing, typography, contrast, and component quality.
VisualExternal
Siteplane Accordionby UI Skillbook
A stack of related sections that expand and collapse, one at a time or several together.
Siteplane UI
Siteplane Alertby UI Skillbook
An inline message that stays in the layout, styled by tone, with actions and a dismiss button if needed.
Siteplane UI
Siteplane Alert Dialogby UI Skillbook
A modal confirmation that asks for a deliberate decision before a consequential action.
Siteplane UI
Siteplane Area Chartby UI Skillbook
Filled areas over time, overlaid or stacked, that show how big a measure is and how its parts add up.
Siteplane UI
Siteplane Avatarby UI Skillbook
A round image for a user or account, showing initials or an icon instead when no picture is available.
Siteplane UI
Siteplane Badgeby UI Skillbook
A compact label for a status, category, plan or count, with semantic colour variants and fixed sizes.
Siteplane UI
Siteplane Bar Chartby UI Skillbook
Columns or horizontal bars that compare values across categories, grouped or stacked, with keyboard tooltips.
Siteplane UI
Siteplane Breadcrumbby UI Skillbook
A row of links tracing the path from the site root to the current page, so people can climb back up.
Siteplane UI
Siteplane Buttonby UI Skillbook
Action control for text, icons or both. Variants set emphasis, and it handles sizes, a loading state and rendering as a link.
Siteplane UI