Skills
.Work. You
Rest

UI/UX Audit & Motion Design

Community

Refine interfaces with motion and UX best practices.

Design & Creative#ui/ux#design audit#animation#interaction design#motion design#wordpress design system
Authorcourtneyr-dev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the challenge of creating user interfaces that are not only visually appealing but also intuitive, accessible, and engaging through thoughtful motion design and adherence to established UX principles.

Core Features & Use Cases

  • UI/UX Audit Checklist: Provides a comprehensive checklist for evaluating visual consistency, interaction patterns, responsiveness, and WordPress admin integration.
  • Motion Design Guidelines: Offers principles for animation purpose, duration, easing, and CSS implementation, ensuring animations enhance user experience without causing sluggishness.
  • WordPress Design System (WPDS) Integration: Guides the use of WPDS components and admin color variables for consistent theming.
  • Use Case: A developer can use this Skill to audit a new WordPress plugin's admin interface, ensuring it aligns with WordPress's design standards and incorporates smooth, purposeful animations for user feedback.

Quick Start

Perform a UI/UX audit on the provided design mockups, focusing on motion design principles and WordPress admin consistency.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: UI/UX Audit & Motion Design
Download link: https://github.com/courtneyr-dev/wp-dev-prompts/archive/main.zip#ui-ux-audit-motion-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.