用途：当用户需要通常由 Claude Design 完成的设计工作，但智能体运行在 CLI/API 环境而非托管网页界面时使用。产物类型包括落地页、预告页、高保真原型、交互产品模型、视觉方案板、组件探索、设计系统预览、HTML 幻灯片、动效研究、引导流程、仪表盘概念，以及设置、命令面板、弹窗、卡片、表单、空状态和基于截图、仓库、品牌文档或 UI 套件的重设计。
分工：从零设计产物用本技能；想匹配知名品牌外观时搭配 popular-web-designs；输出物是 DESIGN.md 令牌规范文件时改用 design-md。
默认交付：完整的本地 HTML 文件，必要时自包含 CSS 与 JavaScript，并在最终回复中给出确切的磁盘路径；完成前用本地可用方法验证。若用户要求在现有仓库中实现，则按该仓库的实际技术栈生成代码，而非强行产出独立 HTML。
工作流程：理解需求；收集品牌文档、截图、现有仓库组件、设计令牌等上下文；定义颜色、字体、间距、圆角、阴影、动效与组件规则；选择合适格式（静态对比、可点击原型、固定尺寸幻灯片、组件实验室、动效演示）；构建产物；验证文件存在、语法检查、浏览器控制台错误与主要视口；简要报告路径、内容、注意事项与下一步。
限制：托管工具概念（如 done()、show_to_user()、宿主资产审阅窗格等）在当前环境不存在，应改用实际可用的工具；缺失上下文且保真度重要时应提问；避免填充内容与常见 AI 设计套路；移动端点击目标至少 44px；幻灯片默认 1920×1080 且文字通常不小于 24px；非必要动效需处理 prefers-reduced-motion。具体收费与价格暂未提供。