When the user asks for UI/UX advice, layout suggestions, interface hierarchy optimization, or design feedback on spacing and usability — activate this skill for interface layout advisory
Installs into .claude/skills of the current project.
Sponsors
SSkills DirectorySkills Directory
Know which skills are safe — weekly.
SSkills DirectorySkills Directory
Is that skill safe to install?
Are you the author of Cf Ui Ux?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/pauldx-cf-ui-ux)
---
name: cf-ui-ux
category: visual
description: When the user asks for UI/UX advice, layout suggestions, interface hierarchy optimization, or design feedback on spacing and usability — activate this skill for interface layout advisory
---
# UI/UX Layout Advisor
Advises on interface layouts to optimize clarity, spacing, hierarchy, and usability.
## Activation
- User says "review this layout", "how should I arrange this UI", "spacing advice"
- User shares wireframe or describes interface and wants feedback
- User needs accessibility or hierarchy guidance
## Process
### 1. Analyze Input
- Identify elements, their purpose, and relationships
- Note current hierarchy and visual weight
### 2. Suggest Layout
- Recommend spacing, alignment, grouping
- Prioritize visual hierarchy (most important = most prominent)
- Consider F-pattern or Z-pattern reading flow
### 3. Accessibility Check
- Color contrast considerations
- Touch target sizes
- Screen reader flow
## Output
- Layout recommendations with reasoning
- Element positioning suggestions
- Spacing/alignment guidelines
- Accessibility notes where relevant
