用途:当用户需要通常由 Claude Design 完成的设计工作,但智能体运行在 CLI/API 环境而非托管网页界面时使用。目标是保留其设计品味与流程,去掉托管环境专有工具。默认交付物是完整的本地 HTML 文件,CSS 与 JS 尽量自包含,并在最终回复中给出确切磁盘路径,完成前用本地可用方式验证。若用户要求在现有仓库中实现,则按仓库实际技术栈生成代码,而非强行输出独立 HTML。
主要能力:覆盖落地页、预告页、高保真原型、交互式产品模型、视觉方案板、组件探索、设计系统预览、HTML 幻灯片、动效研究、引导流程、仪表盘概念,以及设置、命令面板、弹窗、卡片、表单、空状态等界面,也支持基于截图、仓库、品牌文档或 UI 套件的改版。
使用方式:先收集上下文(品牌文档、截图、仓库组件、设计令牌、UI 套件等),再明确界面原型(Monitor、Operate、Compare、Configure、Decide/Learn、Explore、Command/Inspect 七类之一),然后定义颜色、字体、间距、圆角、阴影、动效与组件规则,最后构建并验证。探索时默认给出保守、贴合、发散三种方案。幻灯片默认 1920×1080,需键盘导航、页码与 localStorage 记忆。
限制:不用于纯 DESIGN.md 令牌编写,那应使用 design-md;若需匹配已知品牌外观,可配合 popular-web-designs。托管环境专有工具(如 done()、show_html()、预览面板等)在此不可用,需改用当前环境实际工具。资料未提供具体收费、价格与平台信息。