运行时依赖
无特殊依赖
安装命令 点击复制
官方clawhub install responsive-design
镜像加速clawhub install responsive-design --registry https://cn.clawhub-mirror.com
技能文档
技能基本信息
- 名称：Responsive Design — 自适应网页设计
- Slug：responsive-design
- 描述：使用容器查询、流体排版、CSS Grid、移动优先断点、响应式图像和自适应导航，实现响应式布局。
# 原始 SKILL.md 内容（假设无其他技术内容，仅示例）
请根据实际的 SKILL.md 内容进行翻译和保留不翻译部分...
示例代码（保留不翻译）
/ 例子：简单的响应式布局 /
.container { display: grid; }
@media (max-width: 768px) { / 移动设备样式 / }
命令行示例（保留不翻译）
# 例子：检查响应式设计工具
npm install responsive-design-checker
数据来源：ClawHub ↗ · 中文优化：龙虾技能库
OpenClaw 技能定制 / 插件定制 / 私有工作流定制
免费技能或插件可能存在安全风险，如需更匹配、更安全的方案，建议联系付费定制