Skills tagged "accessibility" (238)

🐛 Roier Seo

This skill audits websites with Lighthouse, fixes SEO and performance issues via auto-generated code changes, and improves Core Web Vitals and accessibility.

seoperformanceautomationdebugging

🧪 Runhuman Skills

This skill helps you validate web app UX with human testers, capturing real user feedback and visual issues not caught by automation.

uxtestingaccessibilityproduct

🧪 Shadcn

This skill guides you to implement and customize shadcn/ui components using the latest version and modern patterns.

frontenduxaccessibilitydesign

🎨 Shadcn Ui

This skill guides you through setting up shadcn/ui, installing components, and building accessible, Tailwind-styled React UI patterns.

reactshadcnaccessibilityux

🎨 Shadcn Ui

This skill guides you in adding, customizing, and troubleshooting shadcn/ui components with CVA, theming, and architecture guidance.

shadcnfrontendtailwindreact

🎨 Skill

This skill helps you build production-quality Rails UIs with maquina_components, using Tailwind and data attributes to ensure consistent, accessible interfaces.

railstailwindshadcnaccessibility

🎨 Skill

This skill translates TemPad Dev UI evidence into project-native TypeScript code, enabling accurate integration without guessing styles.

frontendtypescriptdesignux

📋 Slide Quality

This skill helps you assess slide quality using a science-backed 12-point checklist to improve clarity and audience understanding.

accessibilitydesignuxcontent

🎨 Slidev Mastery

This skill helps you create polished Slidev presentations by applying best practices for accessible, modular markdown slides with components, layouts, and

accessibilitydocsdesignproductivity

🎨 Storefront Best Practices

This skill helps you design and implement storefront features across pages, integrating best practices for UX, accessibility, and SEO to boost conversions.

frontenduxaccessibilityseo

📋 Student Language Guide

This skill helps you tailor student-facing language by simplifying terms, adding analogies, and avoiding internal labels in educational content.

writingcontentaccessibilitydocs

🧪 Swift Expert Skill

This skill helps you master Swift ecosystem native app development with modern concurrency, SwiftUI, and deep system integration across Apple platforms.

performancedebuggingtestingci-cd

🎨 Swiftui Style Driven Components

This skill guides building extensible SwiftUI style-driven components using Apple patterns like ButtonStyle and LabelStyle, enabling environment-based styling

frontenddesignuxaccessibility

🎨 Tailwind 4

This skill helps you style components with Tailwind v4 using mobile-first patterns, semantic tokens, and cn() for dynamic, scalable design.

frontenddesignuxaccessibility

🎨 Tailwind Best Practices

This skill helps you apply Tailwind v4 best practices for consistent, accessible, and efficient styling with utilities, themes, and responsive patterns.

frontendaccessibilityperformancedesign

🎨 Tailwindcss Borders

This skill helps you master Tailwind CSS borders by detailing border, outline, ring, and divide utilities for precise UI styling.

frontenduxaccessibilitytypescript

🎨 Theme Factory

This skill helps you implement professional theming and design token systems for brand-consistent Streamlit apps with easy theme switching.

designuxpythonfrontend

🎨 Theme Factory

This skill helps apply consistent theme styling to slides and documents by selecting from 10 preset palettes and fonts.

frontenddesignuxaccessibility

🎨 Top Design

This skill helps you craft world-class web experiences with premium typography, motion, and layout to reach Awwwards-level prestige.

designuxbrandingperformance

🎨 Tvos

This skill helps you build tvOS apps with focus-based navigation, Liquid Glass UI, and media playback by guiding patterns and best practices.

swifttypescriptfrontendux

🎨 Typeset

This skill analyzes typography and delivers a systematic plan to improve font choice, hierarchy, sizing, and readability for clearer, more intentional text.

designfrontenduxaccessibility

🎨 Typography

This skill helps you apply professional typography principles to create readable, balanced interfaces with clear hierarchy and effective measure.

frontenddesignuxaccessibility

⚙️ Ui

This skill lets you create Unity UI elements efficiently using batch calls to instantiate 2+ elements and organize them under panels.

scriptingproductivitydesignux

🎨 Ui Design

This skill helps you define contract-first UI with TypeScript interfaces and build server components using compound patterns for scalable components.

frontenddesignuxaccessibility

🎨 Ui Design Core

This skill generates bold, unique frontend UI designs with refined details, color guidance, layout strategies, and anti-pattern checks to raise quality.

designuxfrontendaccessibility

🎨 Ui Design Iteration

This skill iterates data-heavy UI designs to improve scannability, accessibility, and consistent systematization for polished products.

designuxaccessibilityproduct

🔍 Ui Design Review

This skill performs a comprehensive UI/UX design review focused on usability, accessibility (WCAG), and visual consistency across web and desktop interfaces.

designuxaccessibilityproduct

🧪 Ui Designer

This skill guides UI design by translating screens into implementable specs, ensuring clear states, tokens, and consistent visuals for rapid development.

designuxfrontendproduct

🧪 Ui Orchestrator

This skill routes UI tasks to specialized external skills based on project needs, optimizing design, code quality, and frontend outcomes.

frontenddesigncode-reviewperformance

🔍 Ui Review Tahoe

This skill performs comprehensive macOS Tahoe UI/UX reviews, ensuring Liquid Glass, HIG compliance, SwiftUI patterns, accessibility, and AppKit modernization

designuxaccessibilityproduct

🎨 Ui System Refactor

This skill helps you apply Capsule UI and Neko Blue branding guidelines to your interfaces, ensuring cohesive visuals and accessible interactions.

designuxbrandingfrontend

🎨 Ui Ux Design

This skill helps you design production-grade frontend interfaces with accessible UX, generating ready-to-run code and guidelines.

frontenddesignuxaccessibility

🎨 Ui Ux Design

This skill helps ui-ux designers audit and implement accessible, responsive UI patterns using shadcn/ui components and Tailwind tokens.

designuxaccessibilityfrontend

🎨 Ui Ux Design

This skill helps you apply UI/UX design patterns for an LMS, improving navigation, accessibility, and responsive layouts across pages.

designuxaccessibilityfrontend

🎨 Ui Ux Expert

This skill helps you craft accessible, user-centered web interfaces by applying WCAG 2.2 guidelines, design systems, and responsive patterns.

designuxaccessibilityfrontend

🎨 Ui Ux Pro Max

This skill generates a comprehensive UI/UX design system and recommendations across colors, typography, and layout to accelerate product design.

designuxfrontendtailwind

🔎 Ui Ux Pro Max

This skill helps designers plan, build, and optimize UI/UX for websites and apps using diverse styles, palettes, fonts, and stacks.

designuxaccessibilityproduct

📋 Uiux Toolkit

This skill performs a comprehensive UX/UI evaluation across visual, accessibility, usability, and design system domains to improve interfaces and user flows.

uxaccessibilitydesignproduct

🧪 Ux Accessibility

This skill guides implementing WCAG 2.2 AA accessible web components, driving focus management, keyboard navigation, and screen reader support for inclusive UI.

uxaccessibilityfrontenddesign

🎨 Ux Animation Motion

This skill helps implement accessible, responsive motion patterns using Anime.js v4 for UI feedback, transitions, and celebratory animations.

uxaccessibilityfrontenddesign

📋 Ux Designer

This skill helps you design user flows, wireframes, and accessible interfaces by applying WCAG-compliant patterns and design systems across products.

uxdesignaccessibilityproduct

🎨 Ux Iconography

This skill helps you apply Material Symbols v3 iconography consistently across UI components, improving accessibility, sizing, color integration, and animation.

uxfrontendaccessibilitydesign

🎨 Vercel Composition Patterns

This skill guides React developers in refactoring with composition patterns to reduce boolean props and build scalable, reusable component APIs.

reactfrontendrefactorcode-review

🧪 Virtualization And Large Data

This skill helps implement high-performance virtualization for massive datasets, enabling smooth scrolling and accessible, responsive UX.

frontendperformanceaccessibilityux

📋 Visual Design

This skill helps you design polished technical presentations by generating mermaid diagrams, selecting visuals, and applying accessible, consistent theming.

aiuxaccessibilitydesign

🎨 Visual Hierarchy Refactoring

This skill helps you establish clear visual hierarchy through size, weight, contrast, and whitespace, improving layout clarity and reducing interface clutter.

designuxfrontendrefactor

📋 Visualization Skill

This skill helps you design effective data visualizations by selecting chart types, encodings, colors, and interactions based on CS448B principles.

dataanalyticsdesignux

🧪 Wcag Compliance Checker

This skill helps you verify WCAG 2.1 Level AA accessibility, identify violations, and generate remediation guidance for web projects.

frontendtestingaccessibilityux

🎨 Web Component Design

This skill helps you design reusable UI components with modern composition patterns and CSS-in-JS choices to build robust design systems.

frontenddesignuxaccessibility

🧪 Web Components

This skill defines a zero query, attribute driven web components architecture using declarative shadow DOM and handleEvent patterns with pure browser APIs.

frontendperformanceaccessibilitydebugging

🎨 Web Design Guidelines

This skill reviews UI code against web interface guidelines, highlighting accessibility and UX issues to improve compliance and user experience.

frontendaccessibilityuxdesign

🧪 Web Design Reviewer

This skill visually inspects websites from local or remote hosts to identify design issues and suggest source-level fixes.

frontendfullstackdebuggingcode-review

🎨 Web Design Studio

This skill designs complete production-grade web pages with AI-generated images, delivering ready-to-deploy HTML/CSS/JS and visuals that match your aesthetic.

frontenddesignuxaccessibility

🎨 Web Typography

This skill helps you choose and pair web typography for readability and performance, guiding line length, hierarchy, and responsive loading.

designaccessibilityproductfrontend

🧪 Webdev Combobox Autocomplete

This skill provides framework-agnostic autocomplete patterns and accessibility guidance to build robust combobox components with aria attributes and async

frontendaccessibilityuxcode-review

🎨 Webdev Token Input

This skill enables multi-value token input patterns with colon or comma triggers for tag inputs and filters, improving editing and suggestions.

frontenduxaccessibility

🎨 Wpds

This skill helps you build WordPress UI components aligned with WPDS tokens and patterns, leveraging the MCP server for authoritative docs.

frontenddesignuxaccessibility

🎨 Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality

htmlcssuiresponsive