ui-design-tips

Audit digital interfaces for WCAG compliance and conversion optimization.

Updated Jul 9, 2026
One-click install
npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill ui-design-tips-ashesoftheundead
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-design-tips
Source: https://github.com/AshesOfTheUndead/rezurxlib/tree/main/skills/ui-design-tips
Command: npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill ui-design-tips-ashesoftheundead

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill addresses the common struggle of creating intuitive, accessible, and high-converting user interfaces by providing actionable design principles and industry-standard best practices.

Core Features & Use Cases

  • Design Audits: Apply UX laws and conversion checklists to critique and improve landing pages, forms, and navigation.
  • UI System Guidance: Access curated color palettes, typography pairings, and CSS patterns for various product types like SaaS, Gaming, or Fintech.
  • Use Case: Use this skill to review a checkout flow that has high drop-off rates, applying Fitts's Law and conversion optimization tips to streamline the process and improve user trust.

Quick Start

Apply the ui-design-tips skill to review my landing page hero section and suggest improvements for the primary call to action.

Frequently Asked Questions about ui-design-tips

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

FAQPage Schema
How do I improve my landing page conversion rate using UI design principles?

Improve landing page conversion by applying UX laws and conversion checklists to critique layouts, streamline call-to-action placement, and build user trust. This approach uses evidence-based design decisions to optimize high drop-off areas like checkout flows.

What's the best way to ensure my digital interface meets WCAG accessibility compliance?

The best way to ensure WCAG compliance is conducting an accessibility audit using established UI/UX design guidance. This involves checking color contrast, typography legibility, and navigation patterns against industry-standard best practices for accessible digital interfaces.

How do I select typography pairings and design tokens for a SaaS product?

Select typography pairings and design tokens for SaaS products by referencing curated UI system guidance. This provides industry-specific aesthetic systems, including CSS patterns and color palettes tailored to your specific product type and user expectations.

Can I use UX writing and layout patterns to reduce form abandonment?

Yes, you can reduce form abandonment by applying UX writing principles and optimal layout patterns. Restructuring form fields and clarifying microcopy based on conversion optimization strategies directly streamlines the process and improves overall user trust.

Does this design guidance apply to industry-specific aesthetic systems like Fintech or Gaming?

Yes, this design guidance applies to industry-specific aesthetic systems like Fintech or Gaming. It supports the selection of tailored color palettes, typography pairings, and CSS patterns suited for various specialized digital product types.

Why does my checkout flow have high drop-off rates despite good UI aesthetics?

High checkout drop-off rates often occur when aesthetics override usability. Applying Fitts's Law and conversion optimization tips to critique the flow helps identify friction points, streamline the process, and improve user trust through better UX.