用途：当用户需要通常由 Claude Design 完成的设计工作，但智能体运行在 CLI/API 环境而非托管网页界面时使用。默认交付物是一个完整的本地 HTML 文件，CSS 与 JavaScript 内嵌以保证可移植性，并在最终回复中给出确切的磁盘路径。若用户要求在已有仓库中实现，则按仓库实际技术栈生成代码，而非强行输出独立 HTML。
主要能力：覆盖落地页、预告页、高保真原型、交互式产品模型、视觉方案板、组件探索、设计系统预览、HTML 幻灯片、动效研究、引导流程、仪表盘概念，以及基于截图、仓库、品牌文档或 UI 套件的改版。设计前先收集上下文（品牌文档、现有截图、仓库组件、设计令牌、UI 套件、文案与约束），有仓库时先阅读主题、令牌、全局样式、布局与组件文件，再动手设计。
使用方式：先理解需求（设计什么、给谁、最终产物、锁定约束），再定义本产物的设计系统（颜色、字体、间距、圆角、阴影、动效姿态、组件与交互规则），然后选择合适格式：静态对比用单画布并排方案，交互流程用可点击原型，演示用固定尺寸 HTML 幻灯片，组件探索用变体实验室，动效用时间线或状态动画。构建后需验证文件存在、运行可用的语法或静态检查，若有浏览器工具则打开检查控制台错误。
变体与调整：探索时默认至少给出三种方案（保守、贴合、发散），不要只做换色。托管版的编辑工具栏在此不可用，但可用页面内 Tweaks 控件控制主题、布局变体、密度、强调色、字号、动效开关等，并用 localStorage 持久化。
限制：忽略托管专属工具与协议（如 done()、fork_verifier_agent()、questions_v2()、show_to_user()、show_html()、snip()、eval_js_user_view()、托管资产审阅面板、编辑模式工具栏消息、跨项目路径、内置 window.claude.complete()、内嵌工具 schema、面向托管运行时的搜索引用脚手架），改用当前环境实际可用的工具。不要添加填充内容、虚假指标、占位推荐语或编造声明；避免渐变背景、玻璃拟态、滥用 emoji、通用 SaaS 卡片等 AI 设计套路。移动端点击目标至少 44px，1920×1080 幻灯片文字一般不小于 24px，打印文档不小于 12pt。若用户要的是 DESIGN.md 令牌文件，应改用 design-md；若要模仿已知品牌外观，可搭配 popular-web-designs。