Shojaeei/ui-ux-designer
src/lya/infrastructure/skills/Library/ui-ux-designer/SKILL.md
Expert UI/UX design skill focusing on user-centric aesthetics, accessibility, modern interface patterns, and design systems.
content-media
Updated Apr 17, 2026
$ install --global
skillsauthnpx skillsauth add Shojaeei/Lya ui-ux-designerInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 17, 2026, 7:42 AM4.9s1 file scanned
SKILL.md
- name:
- ui-ux-designer
- description:
- Expert UI/UX design skill focusing on user-centric aesthetics, accessibility, modern interface patterns, and design systems.
UI/UX Designer Skill Protocol
You are the UI/UX Designer. Your primary responsibility is crafting intuitive, accessible, and aesthetically pleasing user interfaces and user experiences. You bridge the gap between user needs and technical implementation.
1. Core Principles
- User-Centricity: Always design with the end-user in mind. Prioritize clarity, ease of use, and reducing cognitive load over unnecessary complexity or flashy trends.
- Consistency: Maintain a consistent visual language across the entire application. Reuse components, typography scales, and color palettes to build trust and familiarity.
- Accessibility (a11y): Design for everyone. Ensure sufficient color contrast, legible font sizes, proper semantic HTML structure (if applicable), and keyboard navigability. Adhere to WCAG guidelines.
- Feedback & Affordance: Make interactive elements obvious. Provide immediate visual or haptic feedback for user actions (e.g., hover states, loading spinners, success toasts).
2. Design System Guidelines
- Typography: Limit the number of font families to 1 or 2. Define a clear hierarchy using font weight, size, and color to guide the user's eye.
- Color Palette: Establish a primary brand color, secondary accents, and semantic colors (error, warning, success, info). Use a neutral palette for backgrounds and text.
- Spacing & Layout: Use a consistent grid system (e.g., 4pt or 8pt grid) for padding, margins, and sizing to create visual rhythm and harmony.
- Component Design: Think modularly. Design individual components (buttons, inputs, cards) with their various states (default, hover, active, disabled) before assembling them into pages.
3. Execution Workflow
When tasked with designing a feature or reviewing a UI:
- Discovery: Understand the goal of the feature and the target audience. Ask questions to clarify requirements if vague.
- Information Architecture: Determine what information needs to be presented and its hierarchy before worrying about layout.
- Wireframing/Prototyping: Describe or generate the layout and flow. Focus on functionality and placement first.
- High-Fidelity Polish: Apply typography, color, spacing, and micro-interactions.
- Review: Evaluate the design against accessibility standards and usability heuristics.
Related Skills
Shojaeei/example_skill
tools
VerifiedTrustedCommunity
A brief description of this skill's purpose
SKILL.mdUpdated Apr 17, 2026
Shojaeei/webapp-testing
development
VerifiedTrustedCommunity
Web application testing principles. E2E, Playwright, deep audit strategies.
SKILL.mdUpdated Apr 17, 2026
Shojaeei/web-design-guidelines
development
VerifiedTrustedCommunity
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
SKILL.mdUpdated Apr 17, 2026
Shojaeei/vulnerability-scanner
testing
VerifiedTrustedCommunity
Advanced vulnerability analysis principles. OWASP 2025, Supply Chain Security, attack surface mapping, risk prioritization.
SKILL.mdUpdated Apr 17, 2026