skills.rest
MattyMroz
MattyMrozCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-design

Evaluate UI designs against 37 principles for color, typography, spacing, and interaction.

Updated Mar 3, 2025
Search Tags:#typography#design#ui#accessibility#color#ux#spacing
One-click install
npx skills add https://github.com/MattyMroz/Bazy_Danych --skill ui-ux-design-mattymroz
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-design
Source: https://github.com/MattyMroz/Bazy_Danych/tree/main/.github/skills/ui-ux-design
Command: npx skills add https://github.com/MattyMroz/Bazy_Danych --skill ui-ux-design-mattymroz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides users with a comprehensive set of scientifically-backed UI/UX design rules to improve interface quality and user experience.

Core Features & Use Cases

  • Design Evaluation: Assess UI projects against 37 detailed principles covering color, typography, spacing, shadows, UX laws, and interaction elements.
  • Guideline Reference: Serve as a quick-reference for best practices in accessible and visually effective interface design.
  • Use Case: A designer reviews a mobile app interface to ensure color proportions and typographic scales align with accessibility standards, leading to enhanced usability.

Quick Start

Ask the AI to review your UI design for adherence to key visual and interaction principles.

Frequently Asked Questions about ui-ux-design

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

FAQPage Schema
How do I evaluate my UI design against accessibility standards?▼

To evaluate UI design against accessibility standards, assess your interface using detailed principles covering color contrast, typographic scales, and spacing. This ensures digital products meet scientific guidelines for optimal usability and visual harmony.

What are the best practices for typography and spacing in user interfaces?▼

Best practices for typography and spacing involve applying scientifically-backed rules to maintain visual hierarchy and readability. Following detailed typographic scale and spacing guidelines ensures accessible and visually effective interface design across digital products.

Can I review a mobile app interface for usability and visual harmony?▼

Yes, you can review a mobile app interface for usability and visual harmony by checking color proportions and interaction elements against 37 detailed principles. This process refines digital products and prototyping based on proven UX laws.

How does applying UX laws improve interaction design?▼

Applying UX laws improves interaction design by providing scientifically-backed rules that optimize user interfaces. This ensures interaction elements follow best practices for optimal usability, creating a visually effective and accessible user experience.

What UI principles should I check before finalizing a digital product prototype?▼

Before finalizing a digital product prototype, check UI principles covering color, typography, spacing, shadows, and interaction design. Evaluating these elements against accessibility standards ensures your interface achieves optimal usability and visual harmony.

Related Skills

Explore More Design & Creative Skills→
blakeoxblakeox

product-design-review

Analyze product interfaces and user flows for usability and visual design deficiencies.

Community
Intermediate
guia-matthieuguia-matthieu
145

ux-sound-design

Design functional and emotionally resonant audio for digital products using Audio UX methodology.

Community
Intermediate
kireevkit15-syskireevkit15-sys

minimalist-ui

Generate editorial web UI designs with bento-grid layouts and HTML/React/Tailwind components.

Community
Advanced
sudo-vaibhavsudo-vaibhav
1

frontend

Scaffold cohesive React and Tailwind design systems with bold typography and color accents.

Community
Basic