用途：Design Lab 实现完整的设计探索流程——访谈、生成方案、收集反馈、细化、预览、定稿。适用于需要为组件或页面探索多种 UI 方向的场景。
主要能力：启动前自动检测包管理器（pnpm/yarn/npm/bun）、框架（Next.js App/Pages Router、Vite、Remix、Nuxt、Astro）、样式系统（Tailwind、MUI、Chakra、Ant Design、styled-components、Emotion、CSS Modules）以及已有 Design Memory 文件。视觉风格从项目现有配置和组件中推断，不使用通用预设样式。访谈覆盖范围、新建或改版、痛点、视觉与交互参考、品牌调性、密度、暗色模式、用户画像、使用场景、关键任务与约束。随后生成 Design Brief（保存为 .claude-design/design-brief.json），并创建包含五个变体的临时设计实验室：A 信息层级、B 布局模型、C 密度变化、D 交互模型、E 表现力方向。每个变体容器需带 data-variant 属性。
使用方式：按框架创建临时路由（如 Next.js App Router 的 app/__design_lab/page.tsx），在路由目录内创建 FeedbackOverlay.tsx 并以相对路径导入，渲染在所有变体之后，传入 targetName。反馈覆盖层是核心功能，不可省略。
限制：所有临时文件（.claude-design/ 与 __design_lab 路由）在用户确认或取消后必须删除；用户说 cancel、abort、stop、nevermind 时确认后立即清理且不生成计划。资料未提供具体安装命令、收费方式或平台支持范围。