web design builder
✓根据规范或描述创建和重构 HTML5/JavaScript 网页设计。使用现代框架生成完整、可访问、响应式的网页设计。使用 Playwright MCP 自动验证设计以进行可访问性和功能测试。当用户要求创建网页设计、模型、登陆页面、Web 应用程序或重构现有 HTML/CSS/JS 设计时，请使用此技能。
SKILL.md
This skill creates professional HTML5/JavaScript web designs from specifications, with automatic accessibility and functionality verification using Playwright MCP.
When a user requests a web design, start by understanding their needs:
IMPORTANT: Before starting the design process, check if Playwright MCP is available:
根据规范或描述创建和重构 HTML5/JavaScript 网页设计。使用现代框架生成完整、可访问、响应式的网页设计。使用 Playwright MCP 自动验证设计以进行可访问性和功能测试。当用户要求创建网页设计、模型、登陆页面、Web 应用程序或重构现有 HTML/CSS/JS 设计时，请使用此技能。 来源：rknall/claude-skills。
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/rknall/claude-skills --skill web design builder- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 web design builder？
根据规范或描述创建和重构 HTML5/JavaScript 网页设计。使用现代框架生成完整、可访问、响应式的网页设计。使用 Playwright MCP 自动验证设计以进行可访问性和功能测试。当用户要求创建网页设计、模型、登陆页面、Web 应用程序或重构现有 HTML/CSS/JS 设计时，请使用此技能。 来源：rknall/claude-skills。
如何安装 web design builder？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/rknall/claude-skills --skill web design builder 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/rknall/claude-skills