用途：本技能用于回答“某个网页视觉任务应由哪个上游网页设计配方负责，以及如何安装它”。它是路由包，实际子技能位于上游 MengTo/Skills 的 agent-skills/web-design，共 79 个，不在此处重新实现。
七个分类族：样式/设计系统包（23）、整站质量与方向（10）、动效与滚动系统（10）、WebGL/3D 背景与着色器（8）、第三方库嵌入与集成（10）、组件与状态效果（4）、CSS 技术原语（14）。
使用方式：先用 references/family-routing.md 将请求归类到某一族，再依据 references/skill-catalog.md 选出最窄的单个子技能；检查是否已安装，命令为 ls "${SKILLS_ROOT:-$HOME/.agents/skills}" | grep -x "<matched-skill-name>" || echo "not installed"；缺失时用 scripts/fetch-upstream-skills.sh 从 https://github.com/MengTo/Skills.git 稀疏检出并复制到 ${SKILLS_ROOT:-$HOME/.agents/skills}，不删除已有内容，支持 --list、--skill、--dry-run、--all 参数。涉及多族时按顺序应用：方向/样式包、布局、背景/3D、动效、组件状态、润色。最后报告所选族、子技能、是否已安装或抓取、合并了哪些族及原因、以及是否有转出。
适用场景：设计或升级营销站、落地页、作品集、编辑页或仪表盘外壳的视觉层；在多个上游子技能间选择；请求点名具体效果或库（GSAP、Three.js、Vanta.js、globe.gl 等）时获取集成与清理模式。
限制与转出：若需现成动画 React 组件库用 react-bits；生成设计证据用 lazyweb；设计令牌治理用 design-system；断点与容器查询用 responsive-design；React 性能用 react-best-practices；无障碍审计用 web-accessibility；可玩 3D 游戏用 web-game-development；像素精灵图用 perfectpixel。资料未提供具体收费与价格信息。