你有没有遇到过这种情况：页面截图发给同事都说好看，可自己上手点两下就卡住了——按钮点不动、表单提交没反应、返回路径找不到。问题往往不在视觉，而在体验细节。
假设你刚做完一个注册流程页面，想系统检查一遍。单靠肉眼看代码很难覆盖全部问题，可以按「先看规范、再走流程、最后追问」的顺序，让一组 Skill 接力完成。
先用 web-design-guidelines 和 web-design-reviewer 从代码和视觉两头核对规范与布局，再用 web-perf 和 webapp-testing 量性能、走真实点击，接着用 playwright-explore-website 和 vercel-react-best-practices 查导航与渲染写法，然后由 vercel-composition-patterns 和 vercel-react-view-transitions 梳理组件结构与过渡，用 vercel-react-native-skills 核对移动端触控，最后用 grilling 对结论连续追问，逼出被忽略的边界场景。
顺序不是死的，但先规范、再实测、后追问，能少走弯路。