Skills tagged "ux" (487)

🎨 Tvos

This skill helps you build tvOS apps with focus-based navigation, Liquid Glass UI, and media playback by guiding patterns and best practices.

swifttypescriptfrontendux

🎨 Tw React Components

This skill helps you build polished React dashboards using tw-react-components with TailwindCSS, providing ready-made UI, hooks, and layout patterns.

reactfrontendtypescriptdesign

🎨 Typeset

This skill analyzes typography and delivers a systematic plan to improve font choice, hierarchy, sizing, and readability for clearer, more intentional text.

designfrontenduxaccessibility

🎨 Typography

This skill helps you apply professional typography principles to create readable, balanced interfaces with clear hierarchy and effective measure.

frontenddesignuxaccessibility

⚙️ Ui

This skill lets you create Unity UI elements efficiently using batch calls to instantiate 2+ elements and organize them under panels.

scriptingproductivitydesignux

🎨 Ui Design

This skill helps you define contract-first UI with TypeScript interfaces and build server components using compound patterns for scalable components.

frontenddesignuxaccessibility

🎨 Ui Design Core

This skill generates bold, unique frontend UI designs with refined details, color guidance, layout strategies, and anti-pattern checks to raise quality.

designuxfrontendaccessibility

🎨 Ui Design Iteration

This skill iterates data-heavy UI designs to improve scannability, accessibility, and consistent systematization for polished products.

designuxaccessibilityproduct

🔍 Ui Design Review

This skill performs a comprehensive UI/UX design review focused on usability, accessibility (WCAG), and visual consistency across web and desktop interfaces.

designuxaccessibilityproduct

🎨 Ui Design Styling

This skill helps you design and style UI components across the four OS themes, ensuring consistent retro aesthetics and theme-aware behavior.

designuxfrontendreact

🧪 Ui Designer

This skill guides UI design by translating screens into implementable specs, ensuring clear states, tokens, and consistent visuals for rapid development.

designuxfrontendproduct

🧪 Ui Orchestrator

This skill routes UI tasks to specialized external skills based on project needs, optimizing design, code quality, and frontend outcomes.

frontenddesigncode-reviewperformance

🧪 Ui Preview

This skill lets you preview local web and server dev environments, capture screenshots of storybooks, and inspect UI components for quick validation.

frontenduxtestingautomation

🧪 Ui Review

This skill automatically reviews UI visuals across viewports, logs in, captures screenshots, evaluates design quality, and reports actionable fixes.

frontendtestingdesignux

🎨 Ui Review

This skill helps ensure frontend changes conform to the Swiss International Style by validating colors, typography, borders, and shadows before commit.

frontenddesignuxlinting

🔍 Ui Review Tahoe

This skill performs comprehensive macOS Tahoe UI/UX reviews, ensuring Liquid Glass, HIG compliance, SwiftUI patterns, accessibility, and AppKit modernization

designuxaccessibilityproduct

🎨 Ui System Refactor

This skill helps you apply Capsule UI and Neko Blue branding guidelines to your interfaces, ensuring cohesive visuals and accessible interactions.

designuxbrandingfrontend

🎨 Ui Ux Design

This skill helps you design production-grade frontend interfaces with accessible UX, generating ready-to-run code and guidelines.

frontenddesignuxaccessibility

🎨 Ui Ux Design

This skill helps ui-ux designers audit and implement accessible, responsive UI patterns using shadcn/ui components and Tailwind tokens.

designuxaccessibilityfrontend

🎨 Ui Ux Design

This skill helps you apply UI/UX design patterns for an LMS, improving navigation, accessibility, and responsive layouts across pages.

designuxaccessibilityfrontend

🎨 Ui Ux Expert

This skill helps you craft accessible, user-centered web interfaces by applying WCAG 2.2 guidelines, design systems, and responsive patterns.

designuxaccessibilityfrontend

🎨 Ui Ux Pro Max

This skill helps you design, build, and refine frontend UI/UX with searchable palettes, typography, and stack guidelines across frameworks.

designuxfrontendproduct

🎨 Ui Ux Pro Max

This skill helps you design and implement polished frontend UI/UX for pages, dashboards, and apps with best-practice guidelines.

designuxfrontendtailwind

🎨 Ui Ux Pro Max

This skill generates a comprehensive UI/UX design system and recommendations across colors, typography, and layout to accelerate product design.

designuxfrontendtailwind

🔎 Ui Ux Pro Max

This skill helps designers plan, build, and optimize UI/UX for websites and apps using diverse styles, palettes, fonts, and stacks.

designuxaccessibilityproduct

🎨 Ui Wireframing

This skill guides mobile-first UI planning by generating ASCII wireframes and WIREFRAME.md templates to visualize layout before coding.

designuxplanningfrontend

📋 Uiux Toolkit

This skill performs a comprehensive UX/UI evaluation across visual, accessibility, usability, and design system domains to improve interfaces and user flows.

uxaccessibilitydesignproduct

🎨 Unity Uitoolkit

This skill helps you accelerate Unity UI Toolkit development by guiding UXML, USS, and VisualElement patterns for efficient, maintainable interfaces.

frontenduxscriptingproductivity

🧪 Usability Testing

This skill helps you plan and run effective usability testing, guiding goal clarity, fidelity choice, test design, and iteration.

testingproductresearchdesign

🎨 Ux

This skill analyzes feature UX for efficiency-first patterns, keyboard navigation, inline editing, and pro-tool experience to speed user work.

uxproductivitydesignfrontend

🧪 Ux Accessibility

This skill guides implementing WCAG 2.2 AA accessible web components, driving focus management, keyboard navigation, and screen reader support for inclusive UI.

uxaccessibilityfrontenddesign

🎨 Ux Animation Motion

This skill helps implement accessible, responsive motion patterns using Anime.js v4 for UI feedback, transitions, and celebratory animations.

uxaccessibilityfrontenddesign

📋 Ux Designer

This skill helps you design user flows, wireframes, and accessible interfaces by applying WCAG-compliant patterns and design systems across products.

uxdesignaccessibilityproduct

🎨 Ux Iconography

This skill helps you apply Material Symbols v3 iconography consistently across UI components, improving accessibility, sizing, color integration, and animation.

uxfrontendaccessibilitydesign

🧪 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