Build or redesign polished browser-rendered visual artifacts with HTML/CSS/JavaScript/React: pages, dashboards, prototypes, slide decks, animations, UI mockups, and data visualizations. Use for visual front-end creation, design-system exploration, design critique, or explicit browser acceptance / QA of a web artifact.
Install
npx skills add ConardLi/garden-skills --skill web-design-engineernpx skills add ConardLi/garden-skills --skill web-design-engineer -a claude-code -gnpx skills add ConardLi/garden-skills --skill web-design-engineer -a codex -ggemini skills install https://github.com/ConardLi/garden-skills.git --path skills/web-design-engineergh skill install ConardLi/garden-skills web-design-engineergit clone --depth 1 https://github.com/ConardLi/garden-skills /tmp/ConardLi__garden-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/ConardLi__garden-skills/skills/web-design-engineer ~/.claude/skills/web-design-engineer # Claude Code
cp -R /tmp/ConardLi__garden-skills/skills/web-design-engineer ~/.agents/skills/web-design-engineer # Codex, Cursor, Gemini CLI, Copilot, OpenCode