Web Design Builder - 构建并验证无障碍响应式网页设计
创建或重构 HTML5 和 JavaScript 网页设计，并在可用时使用 Playwright MCP 验证无障碍性与功能。
标签
更新于: 2026-10-03该技能可以做什么
- 生成 HTML5 网页设计
- 重构 HTML/CSS/JavaScript 代码
- 创建响应式布局
- 添加无障碍交互
- 将设计保存为文件
- 运行无障碍测试
- 测试响应式布局
- 测试交互行为
- 检查性能指标
- 报告验证结果
输入
- 设计规格
- 目标受众
- 使用场景
- 所需功能
- 内容或文案
- 品牌规范
- 框架偏好
- 浏览器要求
- 无障碍要求
- 性能约束
- 现有 HTML/CSS/JavaScript
- 输出位置
- Playwright MCP 可用性
输出
- HTML 文件
- CSS 文件
- JavaScript 文件
- 设计 mockup
- 无障碍测试结果
- 响应式截图
- 功能测试结果
- 性能指标
- 验证报告
- 验证状态消息
要求
- 写入工具访问权限
- 用于自动验证的 Playwright MCP