响应式布局与移动适配

原名：responsive-design

结合内容、容器和屏幕宽度设计布局，检查折行、溢出与移动端操作空间。

中文 Skills 技能说明

创业者发现手机页面挤在一起、长标题把卡片撑坏时，可让前端开发工程师使用。提供现有样式、关键页面和目标设备尺寸，技能检查网格、断点、流式排版与容器查询，交付最小修改建议和多尺寸验收清单。不能只在一个截图上看着正常就宣布适配完成，也不为修复折行删掉必要内容。运行浏览器和修改文件需桌面端授权，兼容性按目标浏览器核对；上线前保留原页面地址与回退方案。

上游能力依据

上游原始适用说明：Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.

上游 SKILL.md 主要章节（保留原文标题）：

When to Use This Skill
Detailed patterns and worked examples
Best Practices
Common Issues

使用边界

先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时，必须在执行前人工确认。

作者、翻译与许可证

原作者: Seth Hobson（wshobson）与 agents contributors
中文翻译: CEOFans翻译
许可证: MIT
上游来源: https://github.com/wshobson/agents/tree/46891e7e60da0e52baf1050b7b6391b64e84c6d9/plugins/ui-design/skills/responsive-design

适用范围

平台：linux、macos、windows；标签：设计与前端、响应式布局与移动适配、开源技能

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。