Accessibility

web-ui-best-practices

by heykvnzhao

Opinionated constraints for building better user interfaces. Triggers on building or reviewing web components, pages, forms, modals, animations, or any frontend UI work. Covers accessibility, focus states, touch interactions, and performance.

ui-ux-design

by htooayelwinict

Design and implement UI/UX changes using existing components and Tailwind tokens; ensure accessibility. EXCLUSIVE to ui-ux-designer agent.

ui-ux

by Dsantiagomj

UI/UX design principles for beautiful, accessible, user-centered interfaces. Trigger: When designing components, when implementing UI, when reviewing visual design, when suggesting design improvements, when validating user experience, when choosing design patterns.

a11y

by politician

Expert web accessibility auditing + remediation for French RGAA 4.1.2 and WCAG 2.1.---

accessibility-wcag

by slurpyb

Enforce WCAG 2.2 accessibility standards. Use when creating UI components, reviewing frontend code, or when accessibility issues are detected. Covers semantic HTML, ARIA, keyboard navigation, and color contrast.

accessibility

by iulspop

Audits components and pages for WCAG accessibility issues and suggests fixes. Use when building new UI, reviewing components for a11y compliance, or fixing reported accessibility bugs.

ui-ux-pro-max

by yuanxiao0115

"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples."

navigation-patterns

by moderndegree

Navigation patterns, breadcrumbs, tabs, sidebars, and user flows. Use when building navigation, menus, or site architecture.

cypress-agent-skill

by YTItsfrost

Production-grade Cypress E2E and component testing — selectors, network stubbing, auth, CI parallelization, flake elimination, Page Object Model, and TypeScript support. The complete Cypress skill for AI agents.

brand-guidelines

by TheWatcher01

Applies consistent brand colors, typography, and visual identity to any output (documents, slides, web pages, components). Use when brand colors, style guidelines, visual formatting, or company design standards need to be applied.

Laurence — WCAG 2.2 Reference

by LaurenceRLewis

Reference this skill for ANY accessibility-related question, task, or code — no exceptions. Triggers include: WCAG questions ("does X pass WCAG?", "which success criterion applies?", "what level is this?"), accessibility audits of code or designs, building or reviewing accessible components, explaining what a WCAG 2.2 success criterion means or requires, checking conformance levels (A, AA, AAA), and any mention of a11y, ARIA, screen readers, keyboard navigation, colour contrast, focus management, or assistive technology. Also triggers for code tasks involving HTML, CSS, React, Vue, or any frontend component where accessibility compliance should be verified. Non-negotiable: if accessibility is relevant to the task, consult this skill first.

browsing-the-web

by mikekelly

"MUST be used when you need to browse the web. Efficient browser automation designed for agents - enables intuitive web navigation, form filling, screenshots, and data scraping through accessibility-based workflows. Triggers on: browse website, visit URL, open webpage, fill form, click button, take screenshot, scrape data, web automation, interact with website."

ui-ux-pro-max

by pachoroa

"UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient."

linkedin

by diegosouzapw

LinkedIn integration for reading feed, profiles, connections, search results, and messages using browser automation

ui-design-a11y

by Protagonistss

无障碍设计审查与修复能力。

swiff-ios

by Narenreddy2302

Expert assistant for the Swiff iOS subscription and expense management application. Use when working on Swiff iOS features, architecture, SwiftUI/SwiftData development, widgets, notifications, subscriptions, expenses, group billing, security, accessibility, or performance optimization. Provides comprehensive knowledge of MVVM architecture, service layer patterns, and iOS best practices.

deploy-preview

by mikeygonz

Deploy Vercel preview environments, check status, view build logs, and run Lighthouse audits — all from chat. Use when: - User wants to deploy a preview or production build - User asks to check a deployment's status or logs - User wants a performance/accessibility audit on a preview URL - User wants to list recent deployments

ui-ux-master

by kdbhalala

Master UI/UX design skill combining Apple HIG, modern web design, SuperDesign patterns, and universal design principles. Use for any UI/UX design task including iOS/macOS/web apps, landing pages, dashboards, design systems, accessibility, responsive layouts, animation, and creating beautiful, functional interfaces across all platforms and frameworks.

lighthouse-audit

by Artmann

Run Lighthouse audits against websites using the Foghorn API. Use when the user wants to check a site's performance, accessibility, best practices, or SEO issues. Covers sign-up, authentication, team/site setup, and issue retrieval.

accessibility-fundamentals

by slurpyb

Auto-invoke when reviewing JSX with interactive elements, forms, buttons, or navigation. Enforces WCAG compliance and inclusive design.

Frontend Developer

by anorbert-cmyk

World-class Frontend Engineer specializing in accessible, performant, secure-by-default React/Web applications.

tap-water-philosophy

by sethmblack

Evaluate products, services, and pricing decisions against the standard of abundance and accessibility. The mission of a manufacturer is to produce goods so plentifully and affordably that they bec...

mermaid-diagram-specialist

by zhongjis

design

by kelvinz

"Router-first workflow for high-craft design execution across four modes: ui, ux, motion, and imagery. Use when designing or refining interfaces, structuring and auditing UX/usability/accessibility, implementing or specifying interaction motion, or producing static visual artifacts (.png/.pdf) with a matching philosophy note. Triggers: design ui, improve ux flow, run design audit, add transitions, reduce motion issues, create visual imagery, craft poster composition."