Skills tagged "accessibility" (217)

📝 Writing Clearly And Concisely

This skill helps you write clear, concise human-facing prose by applying Strunk rules to documentation, messages, and UI text.

writingdocsaccessibilityai

1.4k

🎨 Mobile Android Design

This skill helps you master Material Design 3 and Jetpack Compose to build adaptive Android interfaces with accessible responsive layouts.

designuxaccessibilityfrontend

1.1k

🎨 Baseline Ui

This skill enforces a consistent Baseline UI by guiding components to follow opinionated Tailwind and motion conventions with accessible primitives.

frontenddesignuxaccessibility

824

🎨 Swiftui Ui Patterns

This skill helps you design and refactor SwiftUI interfaces using pattern-driven guidance for views, tabs, and component composition.

frontenddesignuxaccessibility

481

📋 Ui Ux Design Expert

This skill provides expert UI/UX guidance covering accessibility, design systems, research, and inclusive 2025 best practices to deliver user-centered

designuxaccessibilityresearch

122

🧪 Playwriter

This skill automates web interactions in Chrome using Playwriter, runs Playwright code in a local sandbox, and captures screenshots and accessibility data.

automationfrontenddebuggingcli

99

🎨 Implement Design

This skill translates Figma designs into production-ready code with pixel-perfect fidelity and design-system integration using MCP server context for accurate

designfrontenduxaccessibility

81

🔍 Obsidian

This skill helps Obsidian plugin developers follow ESLint and best practices to write safe, accessible, and compatible plugins.

javascripttypescriptlintingdebugging

39

📝 Documentation Expert

This skill helps you improve documentation quality and user experience by analyzing structure, navigation, and readability and proposing actionable

docscontentuxaccessibility

17

🎨 Tailwind Ui

This skill helps you implement consistent Tailwind CSS patterns, responsive design, and accessible components using a utility-first approach.

frontenduxaccessibilitydesign

15

🎨 Suggest Lucide Icons

This skill helps you pick Lucide icons that symbolize concepts or UI contexts with real icon recommendations and rationale.

designuxfrontenddocs

13

🧪 Accessibility Tester Skill

This skill audits and remediates WCAG 2.1/2.2 AA compliance through automated testing, screen reader validation, and actionable remediation guidance.

accessibilitytestingci-cdautomation

8

🎨 Using Shadcn Ui

This skill helps you rapidly build accessible React UIs with shadcn/ui by copying production-ready blocks and integrating Tailwind patterns.

frontendaccessibilitydesign

7

🎨 Shadcn Vue

This skill helps you scaffold and configure shadcn-vue projects with Tailwind, Vite, and TypeScript for accessible UI components.

frontenduxaccessibilitydocs

6

🎨 Ant Design

This skill helps you select Ant Design components and theming strategies for a performant, accessible SSR React app using v6 and Pro/X patterns.

reactfrontendperformanceaccessibility

4

🧪 Heuristic Evaluation

This skill performs heuristic evaluation of UI designs using Nielsen's 10 framework to identify usability issues and provide prioritized recommendations.

designuxaccessibilityproduct

3

🎨 Makepad Font

This skill helps you configure and render crisp text with Makepad fonts, layouts, and SDF-based GPU rendering.

frontendperformancedocsdesign

3

🧪 Standards Components

This skill guides building reusable, single-responsibility UI components with clear interfaces and composition for scalable frontend development.

frontenddesignuxaccessibility

3

📋 Ux Design Principles

This skill helps you apply cognitive psychology UX principles to plan features, reduce complexity, and optimize user journeys.

uxdesignproductresearch

3

🎨 Beautiful Reader

This skill renders markdown content in a beautiful, readable layout with theme and display options for distraction-free reading.

docsfrontenduxdesign

2

🧪 Browser Automation

This skill automates browser testing, design-to-code generation, and accessibility checks to speed web development and quality assurance.

automationtestingfrontenddebugging

2

🎨 Creating Components

This skill guides you through creating reusable Gluestack UI v4 components, covering planning, structure, styling, TypeScript, and accessibility best practices.

frontendreactnextjstypescript

2

🎨 Datavis

This skill helps you build interactive, accessible and accurate data visualizations across D3.js, Plotly, and Python libraries to reveal truth in data.

dataanalyticspythonfrontend

2

🎨 Design Reverse Engineer

This skill analyzes reference websites to reproduce Split Lease visual design across public pages, preserving content while applying matched styling.

designuxfrontendaccessibility

2

📋 Design Skills

This skill helps you apply Resend brand guidelines across artifacts by routing to brand resources and ensuring visual consistency.

designbrandinguxaccessibility

2

🎨 Frontend Responsive

This skill applies the Agent OS frontend responsive standard to ensure consistent, accessible layouts across breakpoints and devices.

frontendperformanceaccessibilityrefactor

2

🎨 Frontend Accessibility Best Practices

This skill helps you implement accessibility best practices in React components, improving semantic structure, keyboard support, and screen reader experience.

frontendaccessibilityuxcode-review

2

🎨 Frontend Design

This skill helps you craft distinctive, production-grade frontend interfaces with bold aesthetics and accessible, performant code.

frontenddesignuxaccessibility

2

🎨 Frontend Design

This skill helps you style Blazor MudBlazor components with responsive CSS isolation and material design patterns for scalable UIs.

frontenddesignuxaccessibility

2

🎨 Frontend Dev

This skill helps you craft production-grade frontend interfaces with bold, memorable aesthetics across components, dashboards, and pages.

frontenddesignuxaccessibility

2

🎨 Frontend Ui Animator

This skill analyzes a project and implements purposeful UI animations for Next.js and Tailwind to enhance hero scenes, hover, and navigation.

frontenduxaccessibilityperformance

2

🧪 Frontend_design_expert

This skill helps you craft elegant, accessible UI components with polished visuals, tasteful color systems, and responsive interactions.

frontenddesignuxaccessibility

2

⚙️ Godot Ui Designer

This skill generates a complete Godot 4.5 UI system from natural language descriptions, including responsive layouts, menus, HUDs, and dialogs.

designuxaccessibilityperformance

2

🎨 Gui Design Principles

This skill guides GUI design by applying visual hierarchy, color theory, typography, and responsive layouts to create accessible, usable interfaces.

designuxaccessibilityfrontend

2

🎨 K Fenui

This skill helps you build consistent, themed FenUI WoW addons by guiding layout, widgets, and theming across panels, frames, and tabs.

frontenduxaccessibilitydesign

2

📋 Lecture Designer

This skill helps instructors transform textbook chapters into engaging, evidence-based lectures with Google Slides, guiding outcomes, narrative design,

designcontentaccessibilitywriting

2

🎨 Modern Accessible Html Jsx

This skill generates clean, semantic, accessible HTML and JSX code using proper elements, labels, and alt text for optimal accessibility.

frontendaccessibilitydocslinting

2

🎨 Perf Analyzer

This skill performs a comprehensive frontend performance audit and delivers an actionable improvement plan to boost Core Web Vitals, accessibility, and SEO.

performancefrontendseoaccessibility

2

🎨 Pseudo Elements

This skill helps review CSS pseudo-element usage and View Transitions API to ensure accessible hover effects, decorative layers, and smooth page transitions.

frontenduxaccessibilitycode-review

2

🎨 React Component Generator

This skill generates production-ready React components with TypeScript, Tailwind CSS, and Zustand, accelerating UI development and ensuring consistency.

frontendfullstackdesignux

2

🛡️ Review

This skill reviews PRs using comprehensive criteria across security, correctness, performance, accessibility, i18n, and code quality to speed up reviews.

frontendcode-reviewtestingsecurity

2

🎨 Shadcn Svelte

This skill helps you implement accessible shadcn-svelte UI patterns and trigger snippets for Dialog, Tooltip, Dropdown, and Sheets.

frontendaccessibilitydesignux

2

🎨 Sounds On The Web

This skill helps reviewers audit audio feedback in UI for accessibility and UX, outputting file:line findings to guide improvements.

accessibilityfrontendcode-reviewdebugging

2

🧪 Storybook

This skill helps you document UI states and design decisions with Storybook artifacts for review by engineers and QA.

designdocsuxaccessibility

2

🧪 Swift Human Guidelines

This skill provides comprehensive Swift and SwiftUI development guidance to build cross-platform Apple apps with performance and HIG best practices.

performancedocstestingunit-tests

2

🔍 Swiftui Engineer

This skill helps you design, review, debug, and modernize SwiftUI macOS apps with clear architecture and best practices.

debuggingcode-reviewmigrationdesign

2

🎨 Tesla Dashboard Ui

This skill helps you design and implement a Tesla-inspired dashboard UI for iPad using atomic design, dark glassmorphism, MapKit navigation, and media controls.

designfrontendaccessibilityproduct

2

📋 Theme Evaluation

This skill evaluates theme accessibility and WCAG contrast, identifying color, typography, and dark-mode issues to improve compliance and UX.

accessibilityuxdesign

2

🧪 Ti Ui

This skill guides you through Titanium SDK UI patterns, performance, and platform-specific components to optimize layouts and interactions.

frontenduxaccessibilityperformance

2

🎨 Ui Design A11y

This skill helps you audit and fix web accessibility issues for WCAG compliance, providing actionable code fixes and guidance.

accessibilityfrontenddesigncode-review

2

🧪 Ui Design Review

This skill analyzes UI design screenshots and prompts for accessibility, consistency, and usability using Gemini multimodal capabilities to guide reviews.

designuxaccessibilityai

2

📋 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