Accessibility
Accessibility testing and improvements
vector-design-best-practices
by anaghkanungo7
Expert guidance on creating, optimizing, and implementing SVG graphics with accessibility and performance in mind
a11y-semantics-pass
by velcrafting
Improve semantics and accessibility coverage for UI changes (roles, labels, focus, keyboard, ARIA correctness).
shadcn/ui
by leonaaardob
Complete shadcn/ui documentation. Beautifully designed components built with Radix UI and Tailwind CSS. Copy-paste into your apps. Covers installation, components, theming, forms, charts, and framework integrations.
frontend-radix-ui-design-system
by baotoq
Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries.
ux-ui-design
by josavicentevw
UX/UI Design skill for user research, wireframing, prototyping, visual design, interaction design, usability testing, accessibility, design systems, and responsive design. Use when designing user interfaces, conducting user research, creating design systems, evaluating usability, or when user mentions UX, UI, wireframes, prototypes, user flows, or accessibility.
nordic-epub-evaluation
by GauteR
Evaluate unzipped EPUB files against the Nordic Accessible EPUB Guidelines (2015-1, 2020-1, or 2025-1), WCAG 2.2 and Nordic MathML Guidelines; includes validation towards Daisy Pipeline (nordic-epub3-validate). Use when reviewing EPUB accessibility, checking EPUB compliance, or working with unzipped EPUB directories.
happy-dom-tests
by iulspop
Generates React component render tests using happy-dom and Testing Library with the "given/should" prose format. Use when writing tests for display components, hooks, user interactions, or accessibility checks.
recharts
by ansanabria
Build composable, responsive React charts with Recharts library. Use when creating data visualizations including line charts, area charts, bar charts, pie charts, scatter plots, and composed charts. Handles chart customization, responsive sizing, tooltips, legends, axes configuration, performance optimization, and accessibility.
wcag-audit-operable-motion-deep
by Jkense
Animation and movement accessibility rules for dynamic interface elements
wcag-audit-operable-motion
by Jkense
Route animation and movement accessibility design considerations
wcag-audit-understandable-forms-deep
by Jkense
Form design accessibility rules for user input and data collection
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
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
wcag-audit-perceivable-text
by Jkense
Route typography accessibility design decisions and requirements
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
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
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.