Deft
Ask AI

Search

Search skills, authors and topics

Accessibility

Inclusive UI patterns, WCAG audits, and remediation workflows.

  • modern-web-guidance

    Search tool for modern web development best practices. MANDATORY: Execute FIRST for all HTML/CSS and clientside JS tasks. Do NOT skip — web APIs evolve rapidly and training weights contain obsolete patterns. Trigger immediately for: modals/dialogs/popovers, tables, dark mode, anchor positioning, container queries, view transitions, scroll-driven animations, parallax/reveals, forms, validation, autofill, accessibility, custom selects, scrollbars, CWV (LCP, INP, CLS), content-visibility, fetch pri

    GoogleChrome2.8K

  • game-ui-ux

    Design and build game UI/UX — HUDs, menus, and overlays — that survive every screen: anchor- based responsive layout, resolution/aspect scaling and safe areas, keyboard/gamepad focus navigation, a screen/menu state stack, and event-driven (not polled) HUD updates. Engine- neutral patterns that pair with the detected engine's UI skill. Use when the user mentions HUD, health bar, main menu, pause menu, settings screen, UI layout, anchors, UI scaling, aspect ratio, safe area, controller/keyboard me

    gamedev-skills7.8K

  • apple-hig

    Apple Human Interface Guidelines reference with platform-specific design rules, component specs, measurements, and interaction patterns for iOS, iPadOS, macOS, tvOS, visionOS, and watchOS.

    justinwetch810

  • apple-design

    Cross-platform UI/UX design reviewer grounded in Apple's Human Interface Guidelines plus a design-craft lens for distinctive, non-templated mobile and desktop app work.

    dickwu2.9K

  • interactive-hit-areas

    Use when interactive elements with visual spacing between them need hover or click to respond across the whole region with no dead zones.

    millionco34

  • accessibility

    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".

    addyosmani3.1K

  • accessibility-scan

    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.

    AccessLint120

  • accessibility-diff

    Regression check that diffs a live page's accessibility violations against a baseline from uncommitted changes or a branch.

    AccessLint120

  • design-review

    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.

    Superfuture32

  • balise-ux-writing

    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.

    mrstev3n12

  • create-anatomy

    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.

    redongreen251

  • create-voice

    Generate VoiceOver, TalkBack, and ARIA screen reader specs in Figma with focus order, property tables, and announcements by component state.

    redongreen251

  • better-writing

    Improve UX writing for interface labels, errors, empty states, settings, notifications, and product voice consistency.

    jakubkrehel11.9K

  • build-primitive

    Build foundational UI primitives from scratch with strong ARIA, keyboard, focus, and state handling.

    PrototyperAI7

  • audit

    Run technical UI quality audits across accessibility, performance, theming, responsive behavior, and anti-patterns.

    pbakaus107.5K

  • refactor

    Compatibility listing for refactor installs from AccessLint's marketplace skill set.

    AccessLint120

  • accessibility-inspect

    Manual accessibility pass on a live page: keyboard operation and focus order, screen-reader names and roles, reflow and zoom, reduced motion, form errors, and target size. Use for the checks a rule engine can't decide; it grades findings by evidence and severity but does not fix them.

    AccessLint120

  • audit-and-fix

    Accessibility auditing and remediation workflow that combines detection, prioritization, and practical fixes for WCAG issues.

    AccessLint120

  • rams

    Design review for UI code. Reviews React, Vue, Svelte, CSS, and SwiftUI for accessibility, typography, spacing, color, and component quality, with severity-rated findings, concrete fixes, and a 0-100 score.

    rams-design2

  • better-typography

    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.

    jakubkrehel11.9K

  • better-colors

    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.

    jakubkrehel11.9K

  • oklch-skill

    Practical OKLCH color workflow skill for building consistent, accessible, and tunable color systems in modern UIs.

    jakubkrehel280

  • wcag-audit-patterns

    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.

    wshobson42.3K

  • web-quality-audit

    Web quality auditing skill for Lighthouse-style analysis across performance, accessibility, best practices, and SEO signals.

    addyosmani3.1K

  • frontend-ui-engineering

    Frontend UI engineering guidance covering component architecture, responsive design, accessibility, and maintainable implementation patterns.

    addyosmani115K

  • fixing-accessibility

    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.

    ibelick10.7K