用途:frontend-responsive 是给 Claude Code 使用的技能,提供前端响应式开发相关的编码规范指导,帮助在编写和修改界面代码时贯彻移动优先与跨设备适配思路。
主要能力(据资料所列适用时机):创建或编辑 .tsx、.jsx 的 React 组件时;使用 CSS Grid 或 Flexbox 实现响应式布局时;编写 Tailwind CSS 响应式工具类(sm:、md:、lg:、xl:、2xl:)时;实现移动优先设计模式时;创建可适配不同屏幕尺寸的导航菜单时;处理跨断点缩放的响应式排版时;实现触屏友好 UI 元素(按钮、点击目标、手势)时;针对不同屏幕尺寸与分辨率优化图片和资源时;在移动端、平板和桌面断点测试 UI 组件时;使用相对单位(rem、em、%、vh、vw)替代固定像素时;实现响应式间距、内边距或外边距时;创建随视口尺寸自适应的流式容器布局时。
使用方式:资料未给出具体安装命令或调用步骤,仅说明详细内容需参考随附文件 frontend responsive。
适用场景:React 项目中的响应式页面与组件开发、Tailwind CSS 断点样式编写、移动优先布局重构,以及跨设备 UI 测试。
限制:资料未提供收费、价格、平台支持、具体效果或性能数据;安装与配置细节暂未提供。