responsive-craft - 实现跨多视口与断点的响应式网页布局
通过审计现有站点、构建移动优先布局以及启动多断点预览来实现响应式网页设计。
标签
更新于: 2026-09-23能力
典型输入
典型输出
该技能可以做什么
- 审计现有响应式布局
- 构建移动端优先的响应式布局
- 启动实时多断点预览
- 捕获视口截图进行对比
- 提供带权衡考量的设计分歧方案
输入
- 目标网页 URL 或 HTML 文件
- 响应式设计操作模式
- 交互级别选择
输出
- 响应式 CSS 代码与行内规范
- 多断点实时预览窗口
- 快照对比 HTML 报告
要求
- Node.js 运行环境
- 用于无头截图的 dev-browser 工具