Accessibility
Accessibility testing and improvements
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.
review:ux
by IKatsuba
UX Review - analyzes feature for efficiency-first UX patterns, keyboard navigation, and pro-tool experience
design-hig-principles
by jacoblewisau
Audit iOS/macOS UI against Apple Human Interface Guidelines. Provides context-aware, multi-perspective feedback on colors, typography, layout, accessibility, and platform conventions.
fe-a11y
by ingpdw
React/Next.js 컴포넌트의 WCAG 2.1 AA 기준 웹 접근성을 검사하고 수정 가이드를 제공하는 스킬. "접근성", "a11y", "accessibility", "WCAG", "스크린리더", "키보드 접근" 등의 요청 시 사용.
design-studio
by dfuzrindustries
Design Studio — Visual Quality Governance & Production System. ACTIVATION RULE: Load when any request involves producing, reviewing, or governing visual deliverables — UI/UX design, presentations, diagrams, brand assets, prototypes, or any artifact where visual quality matters. Design Studio is the visual quality gate in the IA governance model, parallel to ContentOS (content quality gate). Triggers: "design this", "build a UI", "create a presentation", "review this design", "brand kit", "style this", "make it look better", "wireframe", "prototype", "layout", "spacing", "visual quality", "design system", "accessibility audit", or any request where the output has a visual dimension. Also activates as visual governance for DiagramOS output — Design Studio sets the visual standard, DiagramOS executes.
Fullstack Web Engineer
by anorbert-cmyk
World-class Full-Stack Web Engineer and Tech Lead focusing on security, accessibility, performance, and maintainability.
shadcn-best-practices
by ofershap
shadcn/ui done right. Component customization, form patterns, theming, accessibility, and
feature-ui
by ShotaIuchi
UI component implementation. Apply when building user interface components, layouts, interactions, animations, responsive design, and accessibility for new features.
design-system-starter
by VisualxIntelligence
Create and evolve design systems with design tokens, component architecture, accessibility guidelines, and documentation templates. Ensures consistent, scalable, and accessible UI across products.
web-design-guidelines
by yldgio
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".
design
by Alicoder001
UI design guidelines for web apps covering layout, typography, color, spacing, and component consistency. Use when defining or reviewing UI/UX design systems, page layouts, or visual hierarchy.
bs-accessibility
by MaxGiu67
"Checklist accessibilità WCAG/ARIA. Usa questa skill quando l'utente vuole verificare l'accessibilità, o dice bs accessibility, accessibilità, WCAG, ARIA, a11y."
angular-enterprise-ui
by JoseGusnay
"Smart/Dumb component patterns, Standalone components, modern control flow (@if, @for), styling (SASS/BEM) and accessibility."
accessibility-auditor
by slurpyb
Reviews UI components for WCAG compliance, ARIA attributes, keyboard navigation, and screen reader support. Use when building frontend components or user requests accessibility improvements.
maui-ui-best-practices
by Rimblehelm
Defines recommended UI/UX patterns, layout strategies, styling conventions, accessibility rules, and performance guidelines for .NET MAUI applications.
BookKaroo — Coding Skills & Standards
by Sanjay12089
❌ No any, no monolithic files, no hard deletes, no inline styles, no FKs, no Redis
design-review
by heymynameisrob
Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issues.
testing-e2e
by agdev
Expert guidance for writing resilient end-to-end tests that span multiple processes and components. Use this skill when reviewing, writing, or refactoring system-wide e2e tests. Covers user-facing scenarios, helper functions, data factories, ARIA-based selectors, and auto-retriable assertions. NOT for unit/integration tests - use testing-unit-integration skill instead. See references/playwright-resilience.md for detailed selector patterns.
UI Designer
by anorbert-cmyk
World-class UI Designer creating clear, accessible, and polished interfaces with strong system thinking.
frontend-accessibility-best-practices
by Emerson1337
Accessibility (a11y) best practices for React components. Use when creating UI components, forms, interactive elements, or reviewing code for accessibility compliance.
ogt-docs-define-branding
by OpenDNDApps
Create brand definition documents covering visual identity, tone of voice, brand guidelines, and brand assets. Use when establishing or documenting brand identity and ensuring consistent brand expression.
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.
speech
by openai
"Use when the user asks for text-to-speech narration or voiceover, accessibility reads, audio prompts, or batch speech generation via the OpenAI Audio API; run the bundled CLI (scripts/text_to_speech.py) with built-in voices and require OPENAI_API_KEY for live calls. Custom voice creation is out of scope."
generators
by rshankras
Code generator skills that produce production-ready Swift code for common app components. Use when user wants to add logging, analytics, onboarding, review prompts, networking, authentication, paywalls, settings, persistence, error monitoring, CI/CD pipelines, localization, push notifications, deep linking, testing, accessibility, widgets, feature flags, app icons, image caching, pagination, or HTTP caching.