Skills tagged "accessibility" (217)

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

This skill helps you design native iOS interfaces that align with Apple's HIG, ensuring accessible, safe-area aware SwiftUI/UIKit components.

swiftdesignaccessibilityux

🎨 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

🎨 Ios Ux Design

This skill analyzes iOS UI/UX, applies Human Interface Guidelines, and proposes interface improvements with SwiftUI patterns and accessibility in mind.

uxdesignaccessibilityfrontend

🎨 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

🎨 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

🎨 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

📋 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

🎨 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

🐛 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