ui-ux-matrix
CommunityEnsure UI/UX compliance with design standards.
Design & Creative#accessibility#design system#ui/ux#color contrast#interaction design#frontend guidelines
AuthorLuisSambrano
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of maintaining consistent, high-quality UI/UX across projects by providing a comprehensive set of rules and guidelines for visual design, interaction, and accessibility.
Core Features & Use Cases
- Design System Validation: Checks generated UI code against a matrix of over 50 stylistic rules, color contrast thresholds, and interaction patterns.
- Framework-Specific Guidance: Offers tailored rules for popular stacks like React, Next.js, and Flutter.
- Use Case: When building a new feature, use this Skill to automatically validate that the proposed design adheres to the company's established design system, ensuring brand consistency and optimal user experience.
Quick Start
Use the ui-ux-matrix skill to validate the current UI design against accessibility and color contrast rules.
Dependency Matrix
Required Modules
python3
Components
scriptsreferences
💻 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-matrix Download link: https://github.com/LuisSambrano/antigravity-config/archive/main.zip#ui-ux-matrix Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.