Accessibility
Accessibility testing and improvements
coder-frontend-design
by OzeroHAX
Frontend design system practices: tokens, typography, color, layout, and component consistency.
testing-a11y
by OzeroHAX
Accessibility testing (WCAG, keyboard, screen reader)
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-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
Modern Angular best practices for agents
by Aniol0012
Security • Angular
svg-to-react
by 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.
watchos-design-guidelines
by Project-Kiri
Apple Human Interface Guidelines for Apple Watch. Use when building watchOS apps, complications, or workout features. Triggers on tasks involving Watch UI, Digital Crown, glanceable interfaces, or wrist-based interactions.
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-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
wcag-audit-understandable-forms
by Jkense
Route form input and data collection accessibility requirements
wcag-audit-perceivable-layout-deep
by Jkense
Page structure and spatial organization accessibility design patterns
wcag-audit-perceivable-color-contrast
by Jkense
Calculate WCAG contrast ratios for text and non-text elements
commit
by brandonocasey
"Create logical Conventional Commits; choose amend versus new."
interaction-design
by petekp
Design intuitive, meaningful interactions grounded in user goals and cognitive principles. Use when designing component behaviors, user flows, feedback systems, error handling, loading states, transitions, accessibility, keyboard navigation, touch/gesture interactions, or when evaluating interaction quality. Also use for modal vs modeless decisions, direct manipulation patterns, input device considerations, emotional/dramatic aspects of UX, or when asked about making interfaces feel responsive, humane, and goal-directed.
macos-app-design
by petekp
Use when designing or building native macOS applications with SwiftUI or AppKit. Triggers on menu bar structure, keyboard shortcuts, multi-window behavior, Liquid Glass design system, macOS Tahoe/Sequoia, sidebar navigation, toolbar design, app icons, SF Symbols, or making an app feel like a "good Mac citizen."
ux-principles
by miles990
User experience design principles for developers
frontend-design
by AnswerZhao
Transform UI style requirements into production-ready frontend code with systematic design tokens, accessibility compliance, and creative execution. Use when building websites, web applications, React/Vue components, dashboards, landing pages, or any web UI requiring both design consistency and aesthetic quality.
converge-game-quality
by jujumelona
Close every request-derived Minecraft capability and quality requirement with fresh, independently checked source,
angular-developer
by texugo7badger
Generates Angular code and provides architectural guidance. Trigger when creating projects, components, or services, or for best practices on reactivity (signals, linkedSignal, resource), forms, dependency injection, routing, SSR, accessibility (ARIA), animations, styling (component styles, Tailwind CSS), testing, or CLI tooling.
drupal-theme-review
by hussainweb
Review Drupal theme code - Twig templates, libraries, preprocess functions, JavaScript behaviors, Single Directory Components (SDC), accessibility, and responsive images - against Drupal 11 best practices. Use this skill whenever someone asks to review a Drupal theme, check a .theme file, audit Twig templates, look at a libraries.yml, or validate SDC components.
chief-architect
by salamonimre
A projekt rendszertervezője, aki technológiai és strukturális döntéseket hoz, modulokat és interfészeket tervez, kódot review-ol architektúra szempontból, és gondoskodik róla hogy a kódbázis karbantartható és bővíthető maradjon. Használd ezt a skillt, ha új modult vagy funkciót kell tervezni, ha technológiai döntés kell (könyvtár választás, adatformátum, architektúra pattern), ha refactor szükséges, ha egy kód review architektúra szempontból fontos, vagy ha a felhasználó olyan szavakat használ mint "tervezd meg", "hogy nézzen ki", "hova tegyem", "milyen struktúra", "refactor", "miért így csináltuk". Akkor is triggereld, ha meglévő tervhez kell visszanyúlni és módosítani (pl. új feature illeszkedése a meglévő architektúrába). Ne használd egyszerű bugfixhez vagy teszt íráshoz – azok más szerepek felelőssége.