Accessibility
Accessibility testing and improvements
Technical Clarity Skill v3.0 (Reasoning-Activated)
by NaveedTechLab
Ready to use: Invoke this skill to review technical content for clarity, accessibility, and comprehension at target proficiency level. Run AFTER content creation, BEFORE finalization.
wcag-audit-perceivable-text-deep
by Jkense
Comprehensive typography accessibility rules for text design and readability
accessibility
by iulspop
Audits components and pages for WCAG accessibility issues and suggests fixes. Use when building new UI, reviewing components for a11y compliance, or fixing reported accessibility bugs.
frontend
by scottymcandrew
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
audit-methodology
by leobrival
Comprehensive audit methodology for web applications covering accessibility (RGAA 4.1), security (OWASP Top 10), performance (Core Web Vitals), and eco-design. Use when users need guidance on audit processes, testing methodologies, compliance standards, or audit best practices. Includes detailed reference documentation for each audit domain.
web-design-guidelines
by dereknex
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
wcag-audit-operable-keyboard-focus
by Jkense
Validate logical keyboard navigation order for interface elements
wcag-audit-perceivable-media-deep
by Jkense
Audio and video accessibility rules for multimedia content design
check-a11y
by leobrival
Perform accessibility audit on web pages. Use when users ask to check accessibility, audit WCAG compliance, verify ARIA usage, check color contrast, audit keyboard navigation, or analyze screen reader compatibility. Detects ARIA issues, focus problems, contrast issues, and semantic HTML violations.
web-design-guidelines
by AnasX7
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
wcag-audit-perceivable-text
by Jkense
Route typography accessibility design decisions and requirements
check-images
by leobrival
Analyze and validate images on web pages. Use when users ask to check image alt tags, verify image accessibility, find missing alt attributes, audit image SEO, or check image optimization. Detects missing alt, empty alt, decorative images without proper markup, oversized images, and missing dimensions.
king-mode
by scottymcandrew
Senior Frontend Architect mode with ULTRATHINK deep reasoning protocol. Activates avant-garde UI design with intentional minimalism and strict library discipline.
web-frontend
by WebSmartTeam
Apply frontend development standards for React/Next.js/Tailwind projects. Covers colour extraction from logos, avoiding AI-slop aesthetics, performance targets (LCP <2.5s), and modern CSS patterns. Triggers: component, responsive, accessibility, styling, UI, colours, Tailwind, layout, hover states, buttons, frontend.
svg-to-react
by iulspop
Converts SVG files into optimized React TypeScript components with proper accessibility attributes, currentColor fills, and consistent naming conventions. Use when adding icons or SVG assets to a React project.
wcag-audit-perceivable-color
by Jkense
Route color usage and visual distinction accessibility requirements
uikit-development
by pluginagentmarketplace
Master UIKit - Views, controllers, navigation, Auto Layout, animations
accessibility
by makgunay
"Concrete accessibility implementations for SwiftUI apps on macOS and iOS. Covers: adaptive glass effects that fall back to solid backgrounds when Reduce Transparency is enabled, motion-safe animations that respect Reduce Motion, VoiceOver support (accessible labels, custom actions, rotor entries, state change announcements for both macOS and iOS), Dynamic Type with @ScaledMetric and adaptive grid layouts, keyboard navigation with FocusState and onKeyPress, Commands menus with keyboard shortcuts, high contrast mode detection, color-blind safe status indicators using accessibilityDifferentiateWithoutColor, and a complete testing checklist. Use when building any user-facing SwiftUI app to ensure it meets accessibility standards. Especially important when using Liquid Glass (which needs Reduce Transparency fallbacks) or custom animations (which need Reduce Motion handling)."
wcag-audit-perceivable-media
by Jkense
Route audio, video, and multimedia accessibility requirements
wcag-audit-operable-motion-test
by Jkense
Test animations for motion sensitivity compliance and reduced motion preferences
forge-ux
by fwehrling
FORGE UX Agent — Generates UX design, wireframes, design system, and accessibility guidelines. Usage: /forge-ux
wcag-audit-operable-keyboard
by Jkense
Route user interaction and control accessibility design patterns
wcag-audit-perceivable-layout
by Jkense
Route page structure and spatial organization accessibility requirements
web-interface-guidelines
by dereknex
Use when designing, reviewing, or implementing web UIs and you need concrete MUST/SHOULD/NEVER rules for accessibility, interaction patterns, forms, layout, animation, performance, content, or visual design decisions.