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.

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.

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."

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.

QAcito Orchestrator Skill

by dpaul20

Accessibility scope: check_accessibility targets a single URL. For multi-page audits, call it once per URL.

ppq-dl

by DongLiyaaa

ppq-dl 亚马逊卖家数据采集与分析 skill，通过 cdp-bridge MCP 接入真实 Chrome/Chromium 浏览器会话，抓取 Amazon 页面实时信息。重点用于采集商品详情、标题、价格、评分、评论数、库存、BSR、A+、图片、店铺 ASIN；分析关键词搜索结果中的自然位、广告位、目标 ASIN 排名、广告密度、价格带、评论断层和竞品分布；支持关键词发现、排名快照、类目穿透、榜单扫描、店铺监控和选品判断。触发词：亚马逊商品信息、抓取商品、关键词自然位、广告位、关键词排名、目标 ASIN 排名、竞品分析、产品情报、BSR、类目穿透、店铺监控、竞对上新、选品判断、ppq-dl。

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."

a11y-tw

by 6825972

台灣網站無障礙審計工具。掃描 React/Next.js/HTML， 依 WCAG 2.2 AA + 台灣在地規範產出審計報告並輔助修復。