better-interface｜界面细节

作者 Jakub Krehel

✏️ 介绍 这是一套偏“综合体验检查”的设计 Skill，适合你在做 UI Review、体验走查或设计 QA 时使用。它不只看界面好不好看，而是会同时从 UI 细节、Accessibility、Layout、Typography 和 Writing 五个方向检查问题，比较适合拿来做一轮系统性的产品质量审查。 🔨 功能 1. UI：检查圆角关系、阴影与边框使用、视觉对齐等界面细节 2. UI：关注 Contextual Icon Animation、Motion 和动画性能 3. Accessibility：检查 Semantic Elements 和正确的页面结构 4. Accessibility：检查 Keyboard Navigation、Focus Behavior 和 Accessible Name 5. Accessibility：检查 Form、Error、Screen Reader 和 Hit Area 等无障碍问题 6. Accessibility：支持 Reduced Motion、Zoom 和 Text Resizing 等可访问性检查 7. Layout：检查视觉分组、Spacing、Alignment 和 Reading Order 8. Layout：关注 Responsive Layout 和 Progressive Disclosure 9. Layout：检查 Safe Area、Localization 和 RTL 右到左布局 10. Typography：检查字体选择、Font Configuration 和 Type Scale 11. Typography：检查文字层级、Line Height、Spacing 和 Wrapping 12. Typography：关注 Truncation、动态数字、Underline 和双向文字排版 13. Writing：检查 Voice & Tone 和界面术语一致性 14. Writing：优化 Button、Link Label 和流程中的操作文案 15. Writing：检查 Capitalization、Settings、Error Message 和 Empty State 文案 16. Writing：优化 Placeholder 和更适合 Localization 的界面文案 17. 适合用于 UI Review、Design QA、Accessibility Audit 和产品体验走查 18. 可以把视觉、交互、内容和无障碍问题放在同一套检查框架里一起看