Skills tagged "ux" (453)

🧪 Ux_researcher

This skill helps you plan, conduct, and analyze UX research to unveil user needs and inform product decisions.

uxresearchplanningtesting

🎨 Vega

This skill helps you create data-driven charts with Vega-Lite and Vega, enabling clear visual insights from numeric data arrays.

dataanalyticsfrontenddesign

⚙️ Video Wrapper Skills

This skill analyzes interview subtitles to suggest visual effects, then renders video with four themes after user approval.

designuxcontentanalytics

🧪 Virtualization And Large Data

This skill helps implement high-performance virtualization for massive datasets, enabling smooth scrolling and accessible, responsive UX.

frontendperformanceaccessibilityux

🐛 Visionos Widgetkit Developer

This skill helps you design, implement, and troublehoot visionOS WidgetKit widgets with mounting styles, textures, and LevelOfDetail aware layouts.

debuggingpythondesignux

🎨 Visual Design

This skill helps you create logos, icons, diagrams, and slide decks from the command line and Slidev, saving design time.

designuxclibranding

📋 Visual Design

This skill helps you design polished technical presentations by generating mermaid diagrams, selecting visuals, and applying accessible, consistent theming.

aiuxaccessibilitydesign

🎨 Visual Hierarchy Refactoring

This skill helps you establish clear visual hierarchy through size, weight, contrast, and whitespace, improving layout clarity and reducing interface clutter.

designuxfrontendrefactor

🧪 Visual Verification

This skill helps you verify UI features by performing browser-based checks and user interactions before marking work complete.

frontendtestinguxdebugging

📋 Visualization Skill

This skill helps you design effective data visualizations by selecting chart types, encodings, colors, and interactions based on CS448B principles.

dataanalyticsdesignux

🎨 Vsa Ui Enhancer

This skill transforms plain .razor UI into MudBlazor components, reflecting domain CanXxx() states to enhance usability while preserving architecture.

frontenddesignuxrefactor

🧪 Vue Router

This skill helps you master Vue Router configuration, guards, and lazy loading to build robust, scalable navigation for SPAs.

frontenduxperformancedebugging

🐛 Watchos

This skill assists in building watchOS apps by guiding complications, workouts, HealthKit integration, and iPhone-Watch connectivity with best practices.

swifttypescriptdebuggingux

🧪 Wcag Compliance Checker

This skill helps you verify WCAG 2.1 Level AA accessibility, identify violations, and generate remediation guidance for web projects.

frontendtestingaccessibilityux

🎨 Web Artifacts Builder

This skill guides building modern web apps with React, Tailwind, and shadcn/ui, emphasizing accessibility, type safety, and performance improvements.

frontendfullstackperformancecode-review

🎨 Web Component Design

This skill helps you design reusable UI components with modern composition patterns and CSS-in-JS choices to build robust design systems.

frontenddesignuxaccessibility

🎨 Web Design Guidelines

This skill reviews UI code against web interface guidelines, highlighting accessibility and UX issues to improve compliance and user experience.

frontendaccessibilityuxdesign

🧪 Web Design Reviewer

This skill visually inspects websites from local or remote hosts to identify design issues and suggest source-level fixes.

frontendfullstackdebuggingcode-review

🎨 Web Design Studio

This skill designs complete production-grade web pages with AI-generated images, delivering ready-to-deploy HTML/CSS/JS and visuals that match your aesthetic.

frontenddesignuxaccessibility

🎨 Web Typography

This skill helps you choose and pair web typography for readability and performance, guiding line length, hierarchy, and responsive loading.

designaccessibilityproductfrontend

🧪 Webdev Combobox Autocomplete

This skill provides framework-agnostic autocomplete patterns and accessibility guidance to build robust combobox components with aria attributes and async

frontendaccessibilityuxcode-review

🎨 Webdev Token Input

This skill enables multi-value token input patterns with colon or comma triggers for tag inputs and filters, improving editing and suggestions.

frontenduxaccessibility

🎨 Webf Native Ui

This skill helps you accelerate iOS-style UI development by leveraging WebF Cupertino components for native Flutter performance and seamless React or Vue

frontenddesignperformanceux

🎨 Webf Native Ui Dev

This skill helps you build native UI libraries for WebF by wrapping Flutter widgets into web elements with React and Vue support.

frontenduxapi

✨ Webinar Slide Deck Generator

This skill generates structured webinar slide decks with speaker notes, visuals, and engagement prompts to power compelling virtual events.

aiautomationproductivitymarketing

🎨 Widget Design

This skill guides designing robust UI widgets for GPT and MCP apps, choosing React or template literals, and ensuring reliable rendering.

frontenddesignuxdebugging

🔍 Winlab Slides Guidelines

This skill helps you create and review WinLab slides that conform to guidelines, ensuring clear titles, concise bullets, and proper multi-slide notation.

designuxcontentdocs

🎨 Wpds

This skill helps you build WordPress UI components aligned with WPDS tokens and patterns, leveraging the MCP server for authoritative docs.

frontenddesignuxaccessibility

🎨 X Image Cards

This skill helps you generate X/Twitter cards as images with 2x resolution, safe margins, and explicit PNG URLs to boost shareability.

frontendsocial-mediabrandingux

🛡️ X402 Payments

This skill helps you implement HTTP 402 payment checks, Lightning LSAT, and stablecoin streaming to monetize APIs with frictionless UX.

backendapisecurityperformance

📋 Xiaohongshu Skills

This skill generates Xiaohongshu style cover images based on user topics and saves them to the current project directory for instant use.

designbrandingsocial-mediacontent

🎨 Xr

This skill enables immersive XR interactions by handling hand tracking, controllers, AR mesh, and haptic feedback for VR and WebXR applications.

frontendaidesignux

🎨 Zustand

This skill guides Zustand state management for store code, actions, and slices, improving state reliability and developer productivity.

frontendproductivityrefactordesign