frontend-interview-dualround

Packaged Knowledge Snapshot

This packaged copy includes local note snapshots for portability. When the original Obsidian absolute path is unavailable, use the packaged snapshot instead:

• /Users/kunkun/note/01-AI工程/AI设计与前端/01-认知框架/AI前端设计认知框架.md -> references/packaged-knowledge/AI前端设计认知框架.md
• /Users/kunkun/note/01-AI工程/AI设计与前端/01-认知框架/主语言是设计的第一原则.md -> references/packaged-knowledge/主语言是设计的第一原则.md
• /Users/kunkun/note/01-AI工程/AI设计与前端/02-执行方法/审美是隐性认知，追问是唯一的解压工具.md -> references/packaged-knowledge/审美是隐性认知，追问是唯一的解压工具.md
• /Users/kunkun/note/01-AI工程/AI设计与前端/02-执行方法/深度采访双轮：产品设计师视角的横切机制.md -> references/packaged-knowledge/深度采访双轮：产品设计师视角的横切机制.md

Frontend Interview Dualround

这个 skill 在做什么

用产品设计师视角做双轮深度采访，把用户脑子里隐性的"架构 + 文案 + 交互"主动拔出来。前轮建立目标边界，后轮结合视觉参考拔细节，两轮共同防止代码阶段走偏。

AI 默认只扮演"前端设计师"——接"做个官网"就直奔视觉，导致架构错或文案像 GPT 生成的营销话术。产品设计师视角是本 skill 的关键差异化：不仅解决"长什么样"，先解决"讲什么 + 怎么组织"。

在阶段化流程里的位置

本 skill 是横切机制（见 [[AI前端设计认知框架]]），贯穿阶段 1 和阶段 3：

阶段1 需求定义 ← ★ 前轮采访（本 skill）
         ↓        → 主语言 + 目标 + 产品边界
阶段2 试吃六维
         ↓
阶段3 Moodboard 生成 + 选定 ← ★ 后轮采访（本 skill）
         ↓        → 架构 + section + 文案调性 + 交互 + 反向细节
design.md 定稿
         ↓
阶段4 视觉锚定三件套
         ↓
阶段6 代码实现
         ↓
阶段7 迭代微调 ← 用 frontend-design-review 做三段式追问（代码后）

和 frontend-design-review 的关键分工：

机制	阶段	目的	隐性来源
本 skill（深度采访双轮）	代码前（阶段 1 + 阶段 3）	建立目标 / 架构 / 文案的边界	用户脑子里的产品愿景
frontend-design-review（三段式追问）	代码后（阶段 7）	纠正"感觉不对"的评审反馈	用户看完代码后才涌现的审美直觉

两者都依赖"用户脑子里有隐性认知，Agent 必须主动问"的前提，但阶段严格分离。

何时进入本 skill

要进：

• 阶段 1：新项目启动，用户给了一句"做个 X"的 brief 但细节含糊 → 跑前轮
• 阶段 3：六维试吃完成 + Moodboard 生成后、design.md 定稿前 → 跑后轮
• 用户说"帮我把这个产品想清楚""我有个想法但说不清""帮我定架构"
• 前端设计剧本阶段 1/阶段 3 路由到本 skill

不要进：

• 代码已跑起来，用户看实现说"感觉不对" → frontend-design-review（阶段 7）
• 用户要的是机械判定的需求澄清（产品 brief 质量门禁） → req-suite:requirement-clarifier
• 用户已明确给出架构和文案，不需要采访 → 直接进 writer
• 纯视觉方向选择（Moodboard 选一张） → frontend-visual-reference