Accessibility
Accessibility testing and improvements
color-palette
by Olino3
"Generates complete, accessible color palettes from a single brand hex. Creates 11-shade scale (50-950), semantic tokens (background, foreground, card, muted), and dark mode variants. Includes WCAG contrast checking."
pwa-review
by Alexis315
Comprehensive 185-point PWA audit beyond Lighthouse - analyzes manifest, service worker, offline capabilities, security, iOS compatibility, and advanced PWA features
code-quality-setup
by metyatech
Use when setting up or configuring code quality tools (formatters, linters, type checkers, dependency scanners) for a repository. Also use when adding visual accessibility automation or security baseline scanning. Do not use for general coding or when tools are already configured.
seo-audit
by prabha-oss
When the user wants to run an SEO audit, site audit, technical SEO check, or SEO analysis on a website. Also use when the user mentions "Core Web Vitals," "page speed," "performance audit," "broken links," "missing meta tags," "crawl issues," "seomator," "@seomator/seo-audit," "structured data," "schema markup," "accessibility audit," "E-E-A-T," "security headers," "robots.txt," or "sitemap audit." For creating SEO pages at scale, see programmatic-seo. For optimizing content, see seo-optimizing.
web-uiux-design
by cha9ro
"Comprehensive UI/UX design principles for web applications based on Sociomedia Human Interface Guidelines (SHIG). Use when Claude needs to design or review web application interfaces, evaluate UI/UX decisions and patterns, create user-friendly forms and navigation, build accessible and consistent interfaces, apply object-oriented UI design principles, or optimize user workflows and reduce cognitive load."
set up aliases
by cesarszv
Add accurate and relevant aliases to Obsidian notes for improved linkability, search discovery, and cross-language accessibility. Use when creating new notes, reviewing existing notes without aliases, or when the user asks to add alternative names for concepts.
semantic-css
by CreateNewUI
Skill for building beautiful, accessible web interfaces with semantic CSS. Provides design tokens for colors, typography, spacing, and effects with a 6-theme system. Use this skill when styling web applications with scalable, meaningful CSS that prioritizes accessibility and theming.
vm-codebase-audit
by zeal422
Audit codebases with full recognition and PR review for uncommitted changes. Detects SEO issues, technical problems, security vulnerabilities, accessibility issues, performance bottlenecks, and more. Supports Normal, Strict, and Expert modes with Complete Audit or PR Review options.
heron-meeting
by teng-lin
Drive heron's meeting CLI to record a meeting, attend a meeting via the local daemon (with live event streaming), or re-transcribe / re-summarize an existing note. Activates when the user asks to "record a meeting", "start recording", "attend my next meeting", "transcribe", "summarize this note", or otherwise wants to operate heron from the terminal.
rams
by artivilla
Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issues.
A11y Auditor
by anorbert-cmyk
Accessibility Auditor and Frontend UX Engineer ensuring WCAG compliance and inclusive interactions.
vanilla-web
by janjaszczak
Build or modify plain HTML/CSS/JavaScript (no framework) using modular ES modules (ESM), SRP, minimal global state, and shippable runnable files with lightweight verification. Use for static pages, small UI widgets, vanilla JS refactors, and quick prototypes without React/Vue/Angular.
shadcn
by Alicoder001
shadcn/ui component library patterns including installation, customization, theming, and composition. Use when building UI with shadcn/ui components in React/Next.js applications.
vetta-apple-app-dev-guide
by hwy-game
Build Apple apps inside Vetta — drive the iOS Simulator shown in the Vetta panel (boot, build, install, launch, read the screen through the accessibility tree, tap, swipe, type), and write or review SwiftUI with the bundled guides for components and navigation, Liquid Glass on iOS 26+, and performance audits. Use whenever the task involves an iOS/iPadOS/macOS app, an Xcode or SwiftPM project, SwiftUI code, or a Simulator.
audit-legal
by nullvoidundefined
Use this agent to conduct a legal and compliance audit (Head of Legal perspective): missing legal documents, privacy policy gaps, DPAs, unsubstantiated marketing claims, and open source license compliance. Use when the user asks for a legal audit, before any public launch, or when adding billing features. Produces docs/audits/YYYY-MM-DD-legal.md and commits it.
audit-ux
by nullvoidundefined
Use this agent to conduct a UX audit (Chief Experience Officer perspective): user flows, accessibility, error states, onboarding, form design, empty states, and friction points. Use when the user asks for a UX audit, pre-launch, or after a UI overhaul. Rubric-driven and Sonnet-appropriate. Produces docs/audits/YYYY-MM-DD-ux.md and commits it.
cc-godmode
by cubetribe
"Self-orchestrating multi-agent development workflows. You say WHAT, the AI decides HOW."
dialogs-modals
by moderndegree
Modal and dialog patterns, confirmations, destructive actions, and focus management. Use when building modals, dialogs, or confirmation dialogs.
heroui
by ruchernchong
Build accessible UIs using HeroUI v3 components (React + Tailwind CSS v4 + React Aria). Use when creating React interfaces, selecting UI components, implementing forms, navigation, overlays, or data display. Use when installing HeroUI v3, customizing themes, accessing component documentation, building with compound components, or working with component APIs. Keywords: HeroUI, Hero UI, heroui, React Aria, accessible components, Tailwind CSS v4, @heroui/react@beta, @heroui/styles@beta, v3 beta, component APIs, UI components.
motion-foundations
by SeuPut0705
Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React / Next.js using motion/react. Foundation layer — all other motion skills depend on this. Use when setting up motion tokens, spring presets, reduced-motion handling, or SSR-safe animation in React or Next.js.
grana-lima
by kevinedgm
Define o modifica el contrato de un componente de Grana después de una declaración aprobada de Kiwi. Especifica API, tokens, ARIA, teclado y decisiones; no escribe CSS ni implementación Vue.
frontend-audit
by pmco23
Use after build is complete to audit frontend code against the project style guide. Checks TypeScript/JavaScript/CSS/HTML conventions, naming, component patterns, and accessibility basics. Requires .pipeline/build.complete.
accessibility
by Dsantiagomj
Web accessibility (a11y) patterns and WCAG compliance. Covers WCAG 2.2 Level A/AA/AAA, ARIA attributes, keyboard navigation, screen reader support, color contrast, and semantic HTML. Trigger: When implementing accessibility features, when building accessible components, when ensuring WCAG compliance, when adding ARIA attributes, when handling keyboard navigation.
ui-resource-finder
by ko9ma7
Search the local curated UI/UX catalog and select suitable components, patterns, design systems, SVG, accessibility references, AI UI resources, or implementation approaches. Use when designing, implementing, reviewing, or comparing web UI.