Ui ux
A battle-tested Claude Code skill collection that enforces Plan→Execute→Verify→Handoff workflow. Auto-triggers brainstorming, planning, debugging, UI/UX, security, and review skills.
npx -y skills add kjhk3082/master-assistant-skill --skill ui-uxAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
[EN] You MUST use this when designing, building, or reviewing user interfaces. Enforces design consistency, accessibility, and modern aesthetics. [KO] 사용자 인터페이스를 설계, 구축 또는 검토할 때 반드시 사용해야 합니다. 디자인 일관성, 접근성 및 현대적인 미학을 강제합니다.
SKILL.md
1.3 KB, 223 tokens by cl100k_base, as published. Nobody here has run it
UI/UX Design & Implementation
Guidelines for creating high-quality, consistent user interfaces.
<HARD-GATE> Do NOT use inline styles or hardcoded colors unless absolutely necessary. Always use the project's design system (e.g., Tailwind classes, CSS variables). </HARD-GATE>Design Principles
- Consistency: Follow the established design language (colors, typography, spacing)
- Accessibility: Ensure sufficient contrast, semantic HTML, and keyboard navigability
- Responsiveness: Design for mobile-first, then scale up to desktop
- Modern Aesthetics: Prefer clean, minimalist designs with appropriate whitespace
Implementation Checklist
- Use semantic HTML elements (
<button>,<nav>,<main>, etc.) - Apply consistent spacing (e.g., Tailwind's
p-4,m-2) - Ensure interactive elements have clear hover/focus states
- Check color contrast ratios for text readability
- Test layout on different screen sizes (mobile, tablet, desktop)