Skills tagged "accessibility" (238)

🎨 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

🧪 Harden

This skill hardens interfaces by improving error handling, i18n, text overflow, and edge case resilience for production-ready experiences.

frontenduxaccessibilityperformance

🎨 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

🎨 Html Presentation

This skill generates professional HTML presentations using reveal.js from markdown content, with responsive design, code highlighting, and speaker notes.

frontenddesignuxaccessibility

🎨 I18n

This skill guides you through i18n tasks using react-i18next in React/TypeScript, helping create keys, manage locales, and implement translations.

frontenddocswritingproduct

🎨 Implementing Navigation

This skill guides implementing navigation and routing across frontend and backend, enabling accessible menus, routing patterns, and server-side configuration.

frontendbackendfullstackdesign

🎨 Interaction Design

This skill helps you craft engaging microinteractions and smooth transitions to improve usability and delight users across ui components.

designuxaccessibilityproduct

🎨 Interaction Physics

This skill helps you craft deliberate microinteractions, timing, and accessibility-conscious feedback to guide users and improve perceived performance.

designuxaccessibilityfrontend

🧪 Ios

This skill reviews SwiftUI code for HIG compliance, typography, and accessibility, ensuring Dynamic Type support and platform-specific guidelines.

designuxaccessibilitycode-review

🧪 Ios Design

This skill helps you craft production-grade iOS interfaces with SwiftUI, delivering polished, native-feeling screens that respect Apple's guidelines.

designuxfrontendaccessibility

🧪 Ios Development

This skill guides iOS 17+ app development with SwiftUI, MVVM, SwiftData, networking, testing, accessibility, and CI/CD for reliable apps.

frontenddatatestingci-cd

🎨 Ios Hig Reference

This skill helps you quickly reference Apple iOS Human Interface Guidelines for design rules, components, and accessibility best practices.

designuxaccessibilityswift

🧪 Ios Simulator Skill

This skill automates iOS simulator testing and interaction by semantic navigation, build automation, and accessibility checks for efficient AI-driven workflows.

automationtestingscriptingai

🎨 Kobalte

This skill helps you implement accessible, headless Kobalte components in SolidJS, ensuring proper structure and focus management with portals and roots.

solidaccessibilityfrontendux

🎨 Kor Ui

This skill helps you implement and themify the Universal UI library in React Native and Expo, guiding provider setup, components, theming, and troubleshooting.

frontendperformancedebuggingdocs

🎨 Ladakhride Ui Review

This skill analyzes LadakhRide UI to feel human-made, suggests subtle improvements in spacing, animation, and storytelling for authentic, professional design.

designuxfrontendaccessibility

🎨 Liquid Theme A11y

This skill helps you implement WCAG 2.2 accessibility patterns in Shopify Liquid themes, improving keyboard, screen reader, and focus management across

accessibilityfrontendproductdesign

🎨 Liquid Theme Standards

This skill helps you enforce Shopify Liquid theme standards across CSS, JS, and HTML for accessible, maintainable, tokenized designs.

frontenddesignaccessibilityjavascript

🎨 Managing Media

This skill helps you implement comprehensive media and file management components, enabling efficient uploads, rich galleries, adaptive players, and optimized

frontendbackendfullstackperformance

🐛 Mapbox Style Quality

This skill helps you validate, optimize, and ensure Mapbox style quality with automated tooling and accessibility checks for production readiness.

accessibilitydebuggingperformanceci-cd

🎨 Mapcn Docs

This skill helps you build comprehensive Next.js App Router documentation sites with live previews, code samples, and accessible, theme-aware UI.

nextjsdocsaccessibilityreact

📋 Mermaid Visualizer

This skill converts text into Mermaid diagrams for presentations and docs, ensuring correct syntax and clear visuals for effortless understanding.

designdocsdataanalytics

🎨 Microsim Add Icons

This skill adds clickable Creative Commons and fullscreen icons to a MicroSim control area, improving accessibility and navigation.

frontendaccessibilityscriptingux

🎨 Mobile First Design

This skill helps design mobile-first responsive interfaces by guiding breakpoints, touch targets, and progressive enhancement for performance and accessibility.

designuxfrontendperformance

⚙️ Mobile Ios Design

This skill helps you design polished iOS interfaces and SwiftUI layouts aligned with Apple's HIG for accessible, adaptive apps.

designuxaccessibilityautomation

🎨 Modal

This skill guides you to implement and open imperative modals with createModal from @lobehub/ui, boosting modal UX consistency.

frontendreacttypescriptux

🎨 Motion Design

This skill provides motion design guidance for UI components, recommending easing, duration, and implementation to make interactions purposeful and delightful.

designuxfrontendaccessibility

🎨 Mui

This skill applies MUI v7 styling, theme, and responsive patterns to accelerate building consistent, accessible components with sx prop and hooks.

frontenddesignuxaccessibility

🧪 Nuxt Ui

This skill helps you build polished Nuxt and Vue interfaces with 125+ accessible components and Tailwind theming for brand-specific UIs.

nuxtvuefrontendux

🎨 Overdrive

This skill helps you push interfaces beyond conventional limits by applying extraordinary frontend techniques that wow users.

frontenduxdesignperformance

🎨 Performance Optimization

This skill helps you optimize perceived performance using optimistic UI, skeletons, and latency strategies to boost user trust and loading experience.

performancefrontenduxaccessibility

🎨 Phase 3 Mockup

This skill helps you rapidly create trendy UI mockups and wireframes without a designer, with HTML/CSS/JS ready for Next.js components.

frontenddesignuxaccessibility

🧪 Playwright Best Practices

This skill helps you write reliable Playwright tests by enforcing semantic selectors, proper waits, accessibility checks, and isolation across viewports.

testingfrontendautomationaccessibility

🧪 Playwright Mcp

This skill automates browser testing and UI validation for Playwright MCP, helping you verify accessibility, responsiveness, and reliable interactions in web

testingautomationfrontendaccessibility

🎨 Polish

This skill performs a final quality pass to fix alignment, spacing and detail, ensuring pixel-perfect polish before shipping.

frontenddesignuxaccessibility

📋 Presentation Design

This skill helps you design and evaluate presentations that maximize audience understanding with evidence-based structure and visuals.

designuxaccessibilitycontent

🎨 Pretty Mermaid Skills

This skill renders Mermaid diagrams as SVG or ASCII, with multiple themes and diagram types for fast, beautiful visualizations.

frontenddesignaccessibilityproductivity

🛡️ Qa Agent

This skill conducts comprehensive QA reviews for security, performance, accessibility, and test coverage, guiding remediation with concrete file-level fixes.

securityperformanceaccessibilitytesting

🎨 Quick View

This skill generates minimal, semantic HTML views to review structured output in a browser, improving readability of lists, tables, and drafts.

frontenduxaccessibility

🎨 Quieter

This skill helps you apply quiet design principles to reduce visual intensity while preserving impact and usability across interfaces.

designuxfrontendaccessibility

🎨 Rams

This skill performs accessibility and visual design reviews on UI components, identifying WCAG issues and design inconsistencies to improve quality.

accessibilitydesignuxfrontend

🎨 React Flow

This skill guides you in building node-based interfaces with React Flow, covering patterns, performance, and TypeScript integration.

frontendperformancedesignproductivity

⚙️ Read Aloud

This skill generates a standalone HTML reader from markdown with Kokoro TTS audio and word-synced highlighting for easy listening and proofreading.

pythonscriptingaccessibility

📋 Readability

This skill analyzes text readability using Flesch-Kincaid, Gunning Fog, and SMOG, providing scores, interpretations, and practical improvement recommendations.

aianalyticswritingcontent

🎨 Reka Ui

This skill helps you build accessible, headless Vue components with Reka UI by guiding patterns, state management, virtualization, and styling integration.

frontendaccessibilityperformancedocs

📋 Requirements

This skill converts customer insights into clear user stories, acceptance criteria, and scope guidance to empower engineers.

productplanningwritingdocs

🎨 Responsive Web Design

This skill helps you design responsive web interfaces with mobile-first CSS, flexible grids, and fluid typography across devices.

frontenduxdesignaccessibility