uiux-design-principles
CommunityFrame enterprise UI/UX with proven principles.
Authoresperie
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill provides framework-agnostic UI/UX design principles and guidelines to ensure enterprise apps deliver clear information architecture, accessible interfaces, and consistent visual language from planning through implementation.
Core Features & Use Cases
- Top-down design methodology (layout → features → components) to align teams on structure before details.
- Layout, information architecture, visual hierarchy, responsive patterns, and accessibility standards to support scalable UX across React, Flutter, and native platforms.
- Design system principles and practical guidelines for real-world product teams, with examples from dashboards, data-heavy interfaces, and enterprise workflows.
Quick Start
- Start by reviewing the core principles doc and pick one guideline (e.g., "Visual Hierarchy") to apply to a current UI task.
- For your next UI feature, draft a top-down plan: layout skeleton, primary actions, and component breakouts, then validate accessibility basics.
- Ask the AI: "Apply UI/UX principles to my [dashboard/page] design and propose a 1-page spec including layout, components, and accessibility notes."
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: uiux-design-principles Download link: https://github.com/esperie/new-project/archive/main.zip#uiux-design-principles 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 471,000+ vetted skills library on demand.