Skill UI

Outlines WCAG 2.2 accessibility patterns for web apps, covering semantic HTML, ARIA roles, keyboard navigation, form handling, and contrast checks to keep interfaces usable for assistive technologies.

A comprehensive guide to mastering Cursor IDE's keyboard shortcuts. This resource covers dedicated AI features (such as Inline Editing and Chat interaction) alongside essential standard IDE commands (navigation, refactoring, etc.). Learn how to utilize, customize, and manage keybindings via the UI or JSON for maximum development efficiency.

Guides frontend developers through keyboard navigation testing, offering best-practice advice, code snippets, and automated validation for accessibility, frameworks, and performance.

Guides building accessible Radix UI design systems using headless primitives, focusing on theming, composition, keyboard navigation and WCAG compliance for custom component libraries in React-based apps.

Builds and optimizes production-ready React Native and Expo mobile apps, covering navigation hierarchies, native module setup, FlatList performance tuning, SafeArea/keyboard handling, and multi-platform testing to ensure smooth iOS and Android releases.

This comprehensive tool validates web applications against WCAG 2.1/2.2 accessibility standards. It combines automated scanning using industry-leading tools (like axe-core, Lighthouse) with crucial manual checks for keyboard navigation, ARIA implementation, and color contrast. It is essential for QA teams and developers who must ensure high usability and accessibility for all users, including those relying on screen readers.

Conducts detailed accessibility audits for web apps via the accessibility-test-scanner plugin, verifying WCAG 2.1/2.2 compliance, ARIA usage, keyboard navigation, and screen reader compatibility while providing remediation guidance when accessibility or compliance checks are requested.

A comprehensive guide for auditing web content against WCAG 2.2 guidelines. This skill assists users in conducting thorough accessibility audits by combining automated scans (Axe, Lighthouse) with critical manual checks, such as keyboard navigation and screen reader flow. It provides actionable remediation strategies to ensure compliance with standards like ADA and Section 508.

A powerful tool for creating professional, animation-rich, and zero-dependency HTML presentations. It supports generating pitch decks, workshop materials, or internal talks from scratch, or converting existing .ppt/.pptx files. The system ensures mandatory viewport fitting, responsiveness across all devices, and includes advanced features like keyboard/touch navigation and reveal animations, resulting in production-quality, modern web presentations.

This skill provides comprehensive guidelines and automated checks for auditing and fixing HTML accessibility violations. It covers critical WCAG areas including proper ARIA labeling, full keyboard navigation support, focus management for modals and dialogs, color contrast adherence, and robust form error handling. Use it when developing any interactive UI component or reviewing existing code for accessibility compliance.

This skill covers practical accessibility patterns for React and Next.js development. It includes semantic HTML usage, proper ARIA attributes implementation, form labeling, keyboard navigation, and focus management. Use this when building interactive components like forms, modals, and dropdowns, or when fixing accessibility lint errors and ensuring screen reader compatibility.

A powerful tool for creating professional, animation-rich, and zero-dependency HTML presentations. It supports generating pitch decks, workshop materials, or internal talks from scratch, or converting existing .ppt/.pptx files. The system ensures mandatory viewport fitting, responsiveness across all devices, and includes advanced features like keyboard/touch navigation and reveal animations, resulting in production-quality, modern web presentations.