Accessibility
Accessibility testing and improvements
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.
수리 — 펫나 자동 개선형 개발자 (상시 개선 엔진)
by crossx362-commits
대기로 승격시켜준다.
gsp-project-review
by mutav-finance
QA review — validate implementation against designs — use when: review the build, QA this, does it match the designs, check what was built, verify implementation
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.
dogfood
by niyatna
"Exploratory QA of web apps: find bugs, evidence, reports."
frontend-patterns
by dhkong01
React、Next.js、状態管理、パフォーマンス最適化、UIベストプラクティスのためのフロントエンド開発パターン。
frontend-patterns
by dhkong01
Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
taste-engine
by frankxai
Turn subjective quality intent into executable hard gates, weighted rubrics, exemplars, anti-exemplars, blind comparison, and independent judge evidence. Use for high-value artifacts where correctness alone is insufficient.
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.
a11y-checklist
by AGilbertDev
WCAG 2.2 AA checklist for Nuxt pages and Vue components, covering keyboard, focus, ARIA, contrast, media, forms, and structure. Use when a page or interactive component ships, or when keyboard or screen-reader behaviour is broken.
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."
gof
by nullvoidundefined
Use when a spec, plan, or feature needs review from several angles at once - feasibility, security, unstated assumptions, and design - rather than one reviewer's read. Also known as Gang of Four, GoF, or four-perspective review.
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."
mdx-notes
by meech-ward
Write or edit notes in elaborat.ing as MDX, with the app's built-in components (callouts, cards, columns, alerts, badges, charts, embedded drawings and diagrams) or custom components saved in the project. Use when creating or changing a note in an elaborat.ing project.
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
definition-of-done
by DrRoot001
Verify an Any Code feature is actually finished before claiming completion, opening a PR, or merging. Use when a feature, screen, command or fix looks complete, when about to report work as done, or when reviewing someone else's change against the quality bar.
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.