无障碍
无障碍测试与改进
Technical Clarity Skill v3.0 (Reasoning-Activated)
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
Jkense
Comprehensive typography accessibility rules for text design and readability
accessibility
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
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
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
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
Jkense
Validate logical keyboard navigation order for interface elements
wcag-audit-perceivable-media-deep
Jkense
Audio and video accessibility rules for multimedia content design
check-a11y
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
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
Jkense
Route typography accessibility design decisions and requirements
check-images
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
scottymcandrew
Senior Frontend Architect mode with ULTRATHINK deep reasoning protocol. Activates avant-garde UI design with intentional minimalism and strict library discipline.
web-frontend
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
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
Jkense
Route color usage and visual distinction accessibility requirements
uikit-development
pluginagentmarketplace
Master UIKit - Views, controllers, navigation, Auto Layout, animations
accessibility
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
Jkense
Route audio, video, and multimedia accessibility requirements
wcag-audit-operable-motion-test
Jkense
Test animations for motion sensitivity compliance and reduced motion preferences
forge-ux
fwehrling
FORGE UX Agent — Generates UX design, wireframes, design system, and accessibility guidelines. Usage: /forge-ux
wcag-audit-operable-keyboard
Jkense
Route user interaction and control accessibility design patterns
wcag-audit-perceivable-layout
Jkense
Route page structure and spatial organization accessibility requirements
web-interface-guidelines
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.