← ClaudeAtlas

ui-ux-liberalisted

UI/UX checklist and decision framework for web and mobile. LIBERA Studio fork focused on accessibility, interaction, responsive layout, performance, typography, color, forms, navigation, charts, and pre-delivery review. Style, palette, and typography databases available via local scripts when installed.
liberastudio-mx/skill-ui-ux-Libera · ★ 0 · Web & Frontend · score 65
Install: claude install-skill liberastudio-mx/skill-ui-ux-Libera
# UI/UX Libera — Design Intelligence *LIBERA Studio fork of ui-ux-pro-max v2.5.0 — updated May 2026* Comprehensive design guide for web and mobile applications. When local scripts are installed, provides access to 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 16 stacks. When scripts are unavailable, operates as a full checklist and decision framework — see How to Use Step 2. ## When to Apply This Skill should be used when the task involves **UI structure, visual design decisions, interaction patterns, or user experience quality control**. ### Must Use - Designing new pages (Landing Page, Dashboard, Admin, SaaS, Mobile App) - Creating or refactoring UI components (buttons, modals, forms, tables, charts, etc.) - Choosing color schemes, typography systems, spacing standards, or layout systems - Reviewing UI code for user experience, accessibility, or visual consistency - Implementing navigation structures, animations, or responsive behavior - Making product-level design decisions (style, information hierarchy, brand expression) - Improving perceived quality, clarity, or usability of interfaces ### Skip - Pure backend logic development - Only involving API or database design - Performance optimization unrelated to the interface - Infrastructure or DevOps work - Non-visual scripts or automation tasks **Decision criteria**: If the task will change how a feature **looks, feels, moves, or is interacted with**,