用途：面向Rails应用的UX设计模式合集，用于统一实现响应式布局、动画与微交互、暗色模式、加载反馈及性能相关体验优化。
主要能力：1）移动优先响应式设计，含Tailwind断点策略（sm/md/lg/xl/2xl）、44x44px触控目标、流式排版、移动端汉堡导航、表格在移动端转为卡片布局；2）动画与过渡，提供缓动函数、按钮与卡片悬停微交互、基于Turbo的页面过渡、弹窗/抽屉动画、加载动画（旋转、脉冲、进度条）以及prefers-reduced-motion无障碍支持；3）暗色模式，基于class切换，含深浅色配色成对写法、切换组件、localStorage偏好持久化与首屏防闪烁脚本；4）加载状态与反馈，含骨架屏、ViewComponent骨架组件、提示与反馈体系；5）面向Core Web Vitals的性能优化。
使用方式：在项目中作为技能调用，按需求选择对应模式段落，将提供的Tailwind类、Stimulus控制器和ERB片段接入现有Rails视图与前端资源。资料未提供具体安装命令或调用命令。
适用场景：Rails应用的前端界面、后台管理台（TailAdmin风格）、需要移动端适配、暗色模式、加载反馈或无障碍动效控制的页面。
限制：内容为代码模式参考，未提供收费、许可、版本兼容范围、完整安装步骤或效果保证；实际表现取决于项目采用的技术栈与现有配置。部分资料截断，组件细节可能不完整。