Skills tagged "accessibility" (238)

📋 Ui Ux Designer

This skill guides user-centered UI/UX design with design systems, accessibility, tokens, and cross-platform patterns for scalable interfaces.

designuxaccessibilityresearch

2

📋 Visionos Immersive Media Developer

This skill helps you implement immersive and spatial video on visionOS by managing VideoPlayerComponent, immersive modes, transitions, and comfort mitigations.

pythonaiuxaccessibility

2

🧪 Web Design Builder

This skill generates accessible, responsive HTML/JS web designs from descriptions, with automated verification and optional framework support.

frontenduxaccessibilitytesting

2

🎨 Web Design Mastery

This skill helps you craft production-grade UI with consistent spacing, typography, color, and depth using Refactoring UI-inspired principles.

designuxfrontendaccessibility

2

🎨 A11y Annotation Generator

This skill automatically adds ARIA labels, roles, and alt text to HTML/JSX/Vue to improve accessibility and screen reader support.

accessibilityfrontenduxproduct

🧪 Accelint React Testing

This skill helps you write, review, and refactor React tests with Testing Library, emphasizing accessible queries and user-centric interactions.

reacttestingfrontendaccessibility

🧪 Accessibility Audit

This skill performs a comprehensive accessibility audit against WCAG guidelines, identifying barriers and suggesting inclusive design improvements.

accessibilityfrontenduxtesting

🧪 Accessibility By Default

This skill helps you build accessible web experiences by default, enforcing keyboard usability, semantic markup, and inclusive contrast throughout.

frontendaccessibilitytestingcode-review

🧪 Accessibility Object Model Integration

This skill facilitates programmatic manipulation of the accessibility tree to support complex custom controls in React.

accessibilityfrontenduxtesting

🧪 Accessibility Review

This skill performs manual accessibility reviews against WCAG AA, identifying issues and suggesting practical fixes to improve inclusivity.

accessibilityfrontenduxtesting

🎨 Adding Animations

This skill helps you apply consistent Framer Motion animations across components, using stagger, hover, and reduced-motion patterns for accessible motion.

frontendreacttypescriptaccessibility

🎨 Anduril

This skill applies Anduril design constraints to UI work, ensuring sharp corners, single accent usage, and accessible, lightweight typography.

designuxaccessibilityfrontend

🎨 Angular Component

This skill helps you create modern Angular standalone components using v20+ best practices, enabling signal-based inputs/outputs, OnPush, host bindings, and

frontendaccessibilityrefactordesign

🎨 Angular Material

This skill helps you integrate and theming Angular Material components efficiently, promoting proper module imports, styling, and UI consistency.

frontenduxaccessibilitydesign

🎨 Angular Material 19

This skill helps you implement Angular Material 19 theming, timepicker, CDK drag-drop, and dark mode to build cohesive, accessible UIs.

angularfrontendtypescriptdesign

🎨 Animate

This skill analyzes features and adds purposeful animations and micro-interactions to improve usability, feedback, and delight.

frontenduxdesignaccessibility

🎨 Ant To Shadcn Migration

This skill migrates Ant Design components to shadcn/ui with Tailwind, generating layout skeletons and guiding aggressive CSS cleanup for Next.js App Router.

migrationfrontendrefactordesign

🎨 Audit

This skill performs a comprehensive audit of accessibility, performance, theming, and responsive design, producing a prioritized issue report with actionable

frontendaccessibilityperformancedesign

🧪 Base Ui React

This skill helps you implement and migrate to Base UI React components with render props, ensuring accessibility, positioning, and Tailwind integration.

frontendaccessibilitymigrationdebugging

🎨 Bolder

This skill amplifies safe designs by applying distinctive typography, color, and layout choices to create memorable, usable experiences.

designuxfrontendaccessibility

📋 Canvas Design Skill

This skill creates original, publication-ready visual designs in PNG or PDF by applying color theory, typography, and composition principles.

designaccessibilityproductcontent

🛡️ Coding Conventions

This skill enforces security, performance, and accessibility standards across your codebase, providing actionable checklists and validations during design and

securityperformanceaccessibilitycode-review

📋 Cognitive Fallacies Guard

This skill helps detect and prevent visual misleads, cognitive biases, and data integrity issues in visualizations and reports.

dataanalyticsdesignux

🧪 Color Accessibility

This skill helps you design accessible color palettes and contrast checks to ensure color-blind friendly visuals across interfaces and charts.

accessibilitydesignuxfrontend

🎨 Color System

This skill helps you design accessible, themed color systems with harmony, dark mode support, and color-blind friendly palettes across brands.

designuxaccessibilitybranding

🧪 Colorize

This skill strategically colorizes monochromatic designs to improve hierarchy, meaning, and engagement while respecting brand and accessibility.

frontenddesignuxaccessibility

🎨 Comparison Table Generator

This skill helps you generate interactive comparison tables as MicroSims with ratings, badges, logos, and documentation to streamline educational decisions.

frontenddocsuxaccessibility

🎨 Component Library

This skill generates production-ready React components with shadcn/ui patterns and CVA variants to save 8-10 hours per project.

frontenduxaccessibilitydesign

🎨 Components Build

This skill helps you design, review, and refactor React UI components with accessibility, composition, and TypeScript APIs following the components.build

frontendaccessibilitydesignrefactor

🎨 Composable Svelte Charts

This skill helps you create interactive charts with Svelte using Observable Plot and D3, including zoom, tooltips, and responsive charts.

frontenddataanalyticsperformance

🎨 Composable Svelte Components

This skill helps you select and integrate Composable Svelte components with props, state, and accessibility patterns for fast, cohesive UI development.

frontendaccessibilityproductivity

📋 Data Visualization

This skill helps you create publication-quality Python visualizations by selecting appropriate charts, applying design principles, and ensuring accessibility.

pythondataanalyticsdesign

📋 Deepchat Settings

This skill helps you safely modify DeepChat application settings by guiding, validating, and applying user requests to theme, language, and font size.

productdesignuxaccessibility

🧪 Design

This skill helps you design UI mockups and specs using the Polaris design system, outlining components, flows, and low-fidelity visuals.

designuxfrontendproduct

🎨 Design Guide

This skill analyzes websites to generate pixel-perfect design guides and design systems documentation, including colors, typography, components, interactions,

designuxaccessibilityfrontend

🎨 Design Guide

This skill enforces a modern, consistent UI design across platforms, guiding color, spacing, typography, and interactive states for polished interfaces.

designuxaccessibilityfrontend

🎨 Design Iterator

This skill acts as a proactive design-iterator to deliver iterative refinements for UI components, escalating visual balance and polish through focused cycles.

designuxfrontendaccessibility

🧪 Design Style

This skill helps you design frontend interfaces by applying a specific design system prompt to build distinctive, production-ready UI.

frontenddesignuxaccessibility

🎨 Design System Starter

This skill helps you design scalable design systems with tokens, components, documentation, and accessibility guidelines to ensure consistency and usability.

designuxaccessibilitydocs

🧪 Design Tokens Skill

This skill helps you design, validate, and transform design tokens using DTCG specifications across color spaces and resolvers.

designaccessibilityproductautomation

🎨 Desktop Ui Design

This skill helps you design intuitive desktop interfaces by applying native widgets, platform conventions, and usability patterns to boost usability and

designuxaccessibilityproduct

🧪 E2e Testing Generator

This skill generates end-to-end test suites for web apps using Playwright, Cypress, or Selenium with page objects and accessibility checks.

testingautomationci-cdfrontend

🔍 Educational Course Kit

This skill helps you generate complete micro-courses with scripts, visuals, audio, and previews for diverse platforms.

docswritingcontentdesign

🔍 Emilkowal Animations Swift

This skill helps you apply SwiftUI and AppKit animation best practices to write, review, and implement polished, accessible motion.

designuxaccessibilityperformance

📋 Excalidraw Generation

This skill helps you generate Excalidraw diagrams that convey concepts with hand-drawn aesthetics, spatial layouts, and accessibility-aware design.

designuxaccessibilityproduct

🎨 Explainer Visuals

This skill creates animated, self-contained explainer visuals as HTML/CSS/JS to clarify ideas in essays and blog posts.

frontenduxaccessibilitydesign

🎨 Figma Implement Design

This skill translates Figma designs into production-ready code with pixel-perfect fidelity using MCP workflows and design-system mapping.

designfrontenduxaccessibility

🧪 Flutter Adaptive Ui

This skill helps you build adaptive Flutter UIs that gracefully respond to screen size and platform, enhancing usability across mobile, tablet, and desktop.

frontenduxaccessibilitydesign

🎨 Fluxui Docs

This skill helps you quickly access Flux UI docs and implement free FluxUI components with Tailwind and Livewire guidance.

docsfrontenduxaccessibility

🎨 Fluxui Docs Pro

This skill helps you implement Flux UI Livewire components with Tailwind CSS across pages, cards, forms, and layouts.

frontenddocsuxaccessibility

🎨 Frontend

This skill helps you design and implement striking UI components with responsive styling, motion, and accessibility-focused reviews.

frontenddesignuxaccessibility

🎨 Frontend Agent

This skill helps you build accessible, design-faithful React and Next.js UI using shadcn/ui, server components, and design tokens for performance.

frontendreactnextjsshadcn

🎨 Frontend Design

This skill guides you through thoughtful web UI design using psychology, layout, typography, color, and accessibility principles to improve user experience.

designuxaccessibilityfrontend

🎨 Frontend Design

This skill helps you craft production-grade frontend interfaces with a distinctive aesthetic, robust accessibility, and a clear design system using

frontenddesignuxaccessibility

🎨 Frontend Design

This skill helps you design and implement production-grade frontend interfaces with distinctive aesthetics, translating design references into precise code

frontenddesignuxaccessibility

🎨 Frontend Design

This skill crafts distinctive, production-grade frontend interfaces with bold aesthetics, delivering polished components, pages, or apps that avoid generic AI

frontenddesignuxaccessibility

🎨 Frontend Design

This skill helps you design production-grade frontend interfaces by analyzing designs, generating tokens, palettes, typography, and framework-ready components.

designfrontendaccessibilityreact

🎨 Frontend Design

This skill helps you implement pixel-perfect frontend experiences that align with human-centered psychology and production-grade design systems.

frontenduxdesignaccessibility

🎨 Frontend Design

This skill helps you craft distinctive, production-grade frontend interfaces with bold aesthetics, accessible structure, and purposeful motion across

frontenddesignuxaccessibility

🎨 Frontend Design

This skill helps you design and implement distinctive production-grade frontend interfaces with polished aesthetics and creative detail.

designuxfrontendreact