Skills tagged "accessibility" (217)

🧪 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

🎨 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

🧪 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

📋 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 Palette

This skill generates complete, accessible color palettes from a brand hex, including 11-shade scales, semantic tokens, dark mode, and WCAG checks.

brandingdesignaccessibilityfrontend

🎨 Color System

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

designuxaccessibilitybranding

🎨 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

🎨 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 Dev

This skill helps you create and modify Next.js pages, React components, and Tailwind styles following Swiss International Style.

frontendnextjstailwindtypescript

🎨 Frontend Developer

This skill helps you build scalable React and Next.js UI components with accessible, responsive layouts and optimized performance.

reactnextjsfrontendperformance

🎨 Frontend Engineer

This skill helps you transform designs into stunning, responsive UI components with polished visuals, motion, and accessible interactions.

frontenddesignuxaccessibility

🎨 Frontend Enhancer

This skill enhances Next.js apps with modern UI components, palettes, and layouts to boost visual polish and user experience.

frontenddesignuxaccessibility

🧪 Frontend Implementation

This skill helps you implement robust frontend components with React, Vue, or Angular, including accessibility, validation, and responsive UI guidance.

frontenduxaccessibilitydesign

🧪 Frontend Test

This skill generates React component tests with RTL, covering rendering, interactions, accessibility, and snapshot tests to boost reliability.

frontendtestingunit-testsintegration-tests

🎨 Frontend Ui Skill

This skill helps audit and build enterprise SaaS UIs with Tailwind v4, shadcn/ui, and Next.js/Vite while ensuring accessibility and performance.

frontendreactnextjstailwind

🎨 Frontend Ui Ux

This skill helps you craft stunning UI/UX by guiding typography, color, spacing, and motion decisions for cohesive interfaces.

designuxfrontendaccessibility

🎨 Frontend Ui Ux

This skill helps you craft visually stunning, cohesive UI/UX by translating design intent into pixel-perfect code with thoughtful interactions and

frontenddesignuxaccessibility

🎨 Frontend Ui Ux Engineer Skill

This skill helps transform plain UI components into visually stunning, accessible, responsive interfaces with polished micro-interactions and design-driven

frontenduxdesignaccessibility

🎨 Frontend_aesthetics

This skill helps you design unique, immersive frontend aesthetics by selecting distinctive typography, cohesive color themes, and expressive motion to elevate

frontenddesignuxperformance

🎨 Frontend_design_system

This skill translates UI design requirements into production-grade frontend code with design tokens, accessibility compliance, and artistic execution.

frontenddesignuxaccessibility

📋 Gtk Ui Ux Engineer

This skill crafts native-feeling GTK desktop apps following GNOME HIG, focusing on modern GTK4 patterns, theming, accessibility, and responsive theme-aware

designuxaccessibilitypython

🎨 Heroui React

This skill helps you implement HeroUI v3 React components effortlessly with no provider, using compound patterns and Tailwind v4 styling for accessible, themed

frontendperformanceaccessibilityux

🎨 Hotkey

This skill guides adding keyboard shortcuts and hotkeys, helping implement, register, and document keyboard interactions across features.

frontendscriptingproductivitycode-review