Accessibility
Accessibility testing and improvements
accessibility
by Logos-Liber
WCAG 2.1 guidelines, screen reader compatibility, keyboard navigation, color contrast, semantic HTML, and ARIA attributes
focus-states
by dylantarre
Generates accessible focus indicators meeting WCAG 2.4.7 and 2.4.11 requirements. Use when styling :focus-visible, keyboard navigation indicators, or fixing focus ring visibility issues.
component-docs
by dylantarre
Generates component API documentation with props tables, usage examples, and guidelines. Use when documenting component libraries, creating API references, or building component documentation for designers and developers.
aria-patterns
by dylantarre
Provides ARIA roles, states, and properties for interactive components. Use when building custom widgets, fixing screen reader issues, or implementing modals, tabs, accordions, menus, or dialogs accessibly.
running-marketing-campaigns
by SpillwaveSolutions
Plans, creates, and optimizes digital marketing campaigns including content strategy, social media, email marketing, SEO, and AI visibility (GEO). Generates UTM parameters and tracking URLs. Helps develop go-to-market strategies, campaign messaging, content calendars, and performance measurement frameworks. Use when asked to "create a marketing campaign", "plan content strategy", "build email sequences", "set up UTM tracking", "analyze marketing metrics", "launch a product", "optimize for SEO", "improve AI visibility", "optimize for voice search", "set up IndexNow", "check accessibility for SEO", or "create social media previews". Supports both marketing beginners and experienced marketers needing templates.
getting-started
by dylantarre
Introduction to the design system skills plugin. Use when first installing the plugin, exploring available skills, or planning a design system implementation.
Modern Angular best practices for agents
by Aniol0012
Security • Angular
accessibility-checker
by peopleforrester
Web accessibility review following WCAG guidelines. Use when auditing accessibility compliance, reviewing UI components, or ensuring inclusive design. Covers WCAG 2.1 Level AA requirements.
react-developer
by paulund
Use when building React applications, including component creation, state management, and hooks.
css-tailwind-styling
by Adonis0123
Expert guidance for writing clean, performant CSS and Tailwind CSS. Use when creating styles, designing components, optimizing performance, or establishing styling conventions. Covers modern CSS features, Tailwind utility patterns, responsive design, accessibility, and team collaboration standards.
marketing-conventions
by Logos-Liber
Brand voice guidelines, style standards, and messaging conventions for marketing content
linux-at-spi2
by martinholovsky
"Expert in AT-SPI2 (Assistive Technology Service Provider Interface) for Linux desktop automation. Specializes in accessible automation of GTK/Qt applications via D-Bus accessibility interface. HIGH-RISK skill requiring security controls for system-wide access."
dialectical
by Zpankz
Compose intellectually sophisticated persuasive essays using tripartite dialectical structure (establish-critique-synthesize), paradox accumulation, conversational register calibration, and strategic humility. Supports three atomic writing primitives (AGONAL α, MAIEUTIC β, APOPHATIC γ) with hypersoft plithogenic composition, plus legacy style modes and hybrid combinations. Triggers on requests for persuasive writing to mixed/skeptical audiences, defending counterintuitive claims, Socratic pedagogical dialogue, editorial first-person essays, or writing that must balance accessibility with depth. Implements recursive thematic anchoring, forced dilemma construction, and transformed return closure. Use when linear argumentation is insufficient and accumulated tension resolves through synthesis.
swift-accessibility
by madebyecho
Automatically applies accessibility best practices to Swift projects (SwiftUI and UIKit). Use when working on iOS/macOS projects that need VoiceOver support, Dynamic Type, WCAG compliance, or accessibility audits. Triggers on Swift accessibility tasks, a11y improvements, or when the user mentions accessibility, VoiceOver, or Dynamic Type.
Accessibility & WCAG Compliance Skill
by martinholovsky
Build interfaces that include everyone.
UI/UX Design Review
by rknall
"Comprehensive design review for websites and desktop applications with extensive accessibility analysis. Use this skill when users ask you to review UI/UX designs, wireframes, mockups, prototypes, or deployed interfaces for usability, accessibility (WCAG compliance), visual design, interaction patterns, responsive design, and best practices for web and desktop applications."
Web Design Builder
by rknall
"Create and refactor HTML5/JavaScript web designs from specifications or descriptions. Generates complete, accessible, responsive web designs with modern frameworks. Automatically verifies designs using Playwright MCP for accessibility and functionality testing. Use this skill when users ask to create web designs, mockups, landing pages, web applications, or refactor existing HTML/CSS/JS designs."
macos-accessibility
by martinholovsky
"Expert in macOS Accessibility APIs (AXUIElement) for desktop automation. Specializes in secure automation of macOS applications with proper TCC permissions, element discovery, and system interaction. HIGH-RISK skill requiring strict security controls."
vrt
by mizchi
'Reference for the vrt CLI — Visual Regression Testing combined with accessibility (a11y) semantic verification. Use when running vrt-test / vrt (Playwright VRT) / vrt-update / vrt compare / vrt snapshot, configuring the fix-loop CSS challenge benchmark, or picking a VLM model for diff analysis.'
frontend-ui-designer
by GrishaAngelovGH
Expert guidance for creating modern, intuitive, and visually stunning user interfaces. Use this skill when designing or implementing frontend UIs, components, layout structures, or styling.
accessible-contrast
by basiclines
Generate color ramps designed for WCAG-compliant contrast pairing. Creates 11-step scales with predictable foreground/background combinations.
design-qa
by mevans2120
Reviews finished and in-progress digital products to assess adherence to design specifications and discover potential issues. Use when user says "design review", "design QA", "QA review", "check implementation", "visual bugs", "compare to design", "match the specs", "review the build", "before launch", "pre-launch review", "implementation review", "verify design", "design validation", "spacing issues", "visual discrepancies", "accessibility review", "WCAG compliance", or "responsive testing". Validates implementation against design intent, identifies visual and interaction discrepancies, and provides actionable feedback. Do NOT use when still designing concepts (use design-concepts), need to understand users (use design-research), or nothing has been built yet.
ux-principles
by miles990
User experience design principles for developers
react-native-testing-library
by joabgonzalez
"User-centric React Native component testing. Trigger: When testing React Native components with RNTL."