ui-ux-designer

Apply glassmorphism, dark mode, and micro-interaction standards to frontend components.

Updated Dec 14, 2025
One-click install
npx skills add https://github.com/Odiabackend099/Callwaiting-AI-Voxanne-2026 --skill ui-ux-designer-odiabackend099
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-designer
Source: https://github.com/Odiabackend099/Callwaiting-AI-Voxanne-2026/tree/main/.agent/skills/ui-ux-designer
Command: npx skills add https://github.com/Odiabackend099/Callwaiting-AI-Voxanne-2026 --skill ui-ux-designer-odiabackend099

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Ensures consistent premium UI/UX across frontend components by applying Glassmorphism, Dark Mode, and micro-interactions standards.

Core Features & Use Cases

  • Enforces glassmorphism style, color palettes, typography, and interactive states for consistency.
  • Guides modification of frontend components to achieve a cohesive, high-end aesthetic across themes.
  • Use Case: Before shipping a UI change, audit components and apply design system updates to meet standards.

Quick Start

Apply premium UI guidelines to the targeted frontend component by reviewing typography, color, and layout and updating styles accordingly.

Frequently Asked Questions about ui-ux-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I enforce UI consistency across web app components?

Enforce UI consistency across web app components by applying documented design principles to typography, color, spacing, and micro-interactions. This process audits frontend modifications and refines component styles to maintain a cohesive aesthetic across both light and dark themes.

What is the best way to apply glassmorphism and dark mode to a dashboard?

Applying glassmorphism and dark mode to a dashboard involves updating component styles according to predefined color palettes and interactive states. This ensures a cohesive, high-end aesthetic is maintained across both light and dark themes.

How do I audit frontend components for premium UI standards before shipping?

Auditing frontend components for premium UI standards requires reviewing typography, color, and layout against design system rules. You update the targeted component styles to satisfy consistency requirements and achieve a modern look before shipping.

Can I use automated updates to refine frontend micro-interactions?

Automated updates can refine frontend micro-interactions by replacing and refining component styles using allowed-tools. This enforces premium UI standards and ensures interactive states meet documented design principles.

Does this approach work with both light and dark themes?

This approach works with both light and dark themes by applying design system updates that cover typography, color palettes, and component spacing. It ensures a cohesive and modern look across web apps and dashboards regardless of the active theme.

Why do my frontend UI modifications look inconsistent across different components?

Frontend UI modifications look inconsistent when components lack a unified design system for typography, color, and spacing. Applying documented premium UI standards and refining component styles resolves these inconsistencies across web apps.