Accessibility
Accessibility testing and improvements
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.
wcag-audit-perceivable-color
by Jkense
Route color usage and visual distinction accessibility requirements
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-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
implementing-design
by sumik5
General design implementation principles for translating any visual design into production-ready code. Covers design system integration, visual parity validation, responsive implementation, accessibility, and component organization. Use when implementing designs from any source (screenshots, mockups, specs). For Figma-specific workflows with Figma MCP, use implementing-figma instead. For design system architecture, pattern language theory, and organizational adoption strategy, use building-design-systems instead.
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.
mobile-ux-fixer
by mediawave-dev
"Comprehensive mobile UX audit, visual inspection, and auto-fix skill for web projects. Detects and fixes 40+ mobile issues across 10 phases: viewport/layout, scroll/parallax, animations, images, touch/forms, typography, Core Web Vitals, SEO/PWA, accessibility, RTL, and dark mode. Uses Playwright MCP for visual inspection. Use when user says 'fix mobile', 'mobile audit', 'check mobile', 'mobile issues', 'looks broken on phone', 'scroll jump', 'address bar jump', 'parallax mobile', 'mobile test', 'mobile performance', 'core web vitals mobile', 'תקן מובייל', 'בעיות במובייל', 'קופץ בגלילה', 'נראה רע בטלפון', 'בדיקת מובייל', or after deploying and testing on a real device."
wcag-audit-perceivable-text-size
by Jkense
Convert between px, pt, em, rem units with accessibility context
SKILL.md: Cognitive Support Skills
by AICincy
If RSS still above threshold after pool + GC intervention: restart uvicorn workers gracefully (SIGHUP).
jekyll-research-theme
by lalithaar
Create production-grade, accessible Jekyll themes for researchers conducting "research in public." Generates complete lab notebook-style themes with Tufte-inspired sidenotes, KaTeX math rendering, and WCAG 2.1 AA compliance. Use when building Jekyll themes for scientific journals, experiment logs, field notes, or research documentation sites. Supports collections for organizing experiments and field notes, responsive sidenote rendering (sidebar on desktop, inline on mobile), and full-width layout options.
check-forms
by leobrival
Analyze and validate forms on web pages. Use when users ask to check form accessibility, verify form labels, audit input fields, check form validation, or analyze form UX. Detects missing labels, invalid input types, accessibility issues, and validation problems.
temporal-brand
by jburns24
Applies Temporal's official brand colors, logo variants, and visual identity to any artifact. Use this skill whenever creating UI code, presentations, diagrams, or any content following Temporal brand guidelines. Also use it when the user asks about Temporal brand colors (#444CE7 UV purple, #141414 Space Black, #F8FAFC Off White), the Temporal logo, Temporal branding, dark/light mode theming, or visual style.
vector-design-best-practices
by anaghkanungo7
Expert guidance on creating, optimizing, and implementing SVG graphics with accessibility and performance in mind
lighthouse
by Onnokh
Google Lighthouse CLI reference for auditing web performance, accessibility, SEO, and best practices. Use this skill when users need to analyze website performance, run audits, generate reports, or integrate Lighthouse into their workflow.
impeccable-colorize
by SebastiaanWouters
"Skills-only equivalent of impeccable.style /colorize. Add strategic color to features that are too monochromatic or lack visual interest. Makes interfaces more engaging and expressive. Use for frontend and UI design tasks."
a11y-semantics-pass
by velcrafting
Improve semantics and accessibility coverage for UI changes (roles, labels, focus, keyboard, ARIA correctness).
ultracite
by tylergibbs1
Enforce strict type safety, accessibility standards, and code quality for TypeScript/JavaScript projects using Biome's formatter and linter. Use when writing, reviewing, or fixing TS/JS/TSX/JSX code, checking for a11y issues, linting errors, type safety problems, or when the user mentions code quality, formatting, accessibility, or best practices.
vercel-design-guidelines
by tylergibbs1
Check web interfaces against Vercel's design guidelines. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", "check my site against best practices", or "apply Vercel design guidelines".
wcag-audit-perceivable-color-blindness
by Jkense
Simulate how colors appear to users with different types of color blindness
ui-ux-guidelines
by tylergibbs1
Implementation details for accessible, performant interfaces. Use alongside vercel-design-guidelines for detailed technical guidance on interactions, animations, and forms.
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.