Create and refactor HTML5/JavaScript web designs from specifications or descriptions. Generates complete, accessible, responsive web designs with modern frameworks. Automatically verifies designs using Playwright MCP for accessibility and functionality testing. Use this skill when users ask to create web designs, mockups, landing pages, web applications, or refactor existing HTML/CSS/JS designs.
安装
npx skills add rknall/claude-skills --skill 'Web Design Builder'npx skills add rknall/claude-skills --skill 'Web Design Builder' -a claude-code -gnpx skills add rknall/claude-skills --skill 'Web Design Builder' -a codex -ggemini skills install https://github.com/rknall/claude-skills.git --path web-design-buildergh skill install rknall/claude-skills 'Web Design Builder'git clone --depth 1 https://github.com/rknall/claude-skills /tmp/rknall__claude-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/rknall__claude-skills/web-design-builder ~/.claude/skills/'Web Design Builder' # Claude Code
cp -R /tmp/rknall__claude-skills/web-design-builder ~/.agents/skills/'Web Design Builder' # Codex, Cursor, Gemini CLI, Copilot, OpenCode