用途：为网站、落地页、后台面板等设计并集成 Web 界面，可作为更大站点工作的子步骤，也可独立用于从零设计。
主要能力：提供三条路径。Path 1 DirectDesign 为默认主力，直接在内联写出设计，依据本地参考文件 References/FrontendDesignPhilosophy.md 中的美学原则，无需浏览器或认证。Path 2 为原生 Claude Design CLI，包含 /design 与 /design-sync，可将代码库真实设计系统拉入 Claude Design 并把改动推回，适合与代码绑定的工作。Path 3 通过 Interceptor 驱动 claude.ai/design 网页画布，目前标注为实验性且未验证、当前不可用，需已登录的 claude.ai 会话。
使用方式：意图模糊时默认走 DirectDesign；涉及设计系统同步或代码绑定工作时优先用 /design-sync；仅在明确需要网页画布视觉评审时才考虑 Path 3。从父级上下文调用时接受框架、token 文件、组件目录、部署目标等输入，输出以 diff/patch 形式落在既有应用上，并尊重既有设计 token 与组件模式，除非用户要求整体重设计。用户偏好可放在 ~/.claude/LIFEOS/USER/CUSTOMIZATIONS/SKILLS/Webdesign/ 下的 PREFERENCES.md。
适用场景：短小的临时性代码内设计、多页或可分享原型、既有网站重设计、设计系统提取与代码集成、部署设计。
限制：Path 3 未验证且当前受阻，需要测试配置登录 claude.ai；原生命令需包含 Claude Design 的 Claude 订阅和较新 Claude Code；企业账户需管理员开启；生成消耗 token，与聊天等共享配额；输出视觉保真不等于可直接上生产，交接代码通常需要验证与无障碍检查；不支持 Figma 往返与实时协作。