frontend-design-research

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设计与前端/01-认知框架/六维：形色字构质动是网站试吃的机械骨架.md -> references/packaged-knowledge/六维：形色字构质动是网站试吃的机械骨架.md
• /Users/kunkun/note/01-AI工程/AI设计与前端/02-执行方法/AI 前端动效盲区与采访补偿.md -> references/packaged-knowledge/AI 前端动效盲区与采访补偿.md
• /Users/kunkun/note/01-AI工程/AI设计与前端/02-执行方法/从参考案例复刻高级感：量化工作流.md -> references/packaged-knowledge/从参考案例复刻高级感：量化工作流.md

Frontend Design Research

这个 skill 在做什么

阶段 2 试吃的纯化执行器。输入是已锁定的主语言 + 初步目标，输出是本项目的 design.md 初稿（可能还包含参考站六维记录）。

核心方法论是六维机械骨架——AI 试吃参考站时常见失败是"偷懒只抄色板"或"感觉驱动说不清楚哪里好"，六维（形 / 色 / 字 / 构 / 质 / 动）把感觉机械化成可量化的正交维度，避免靠"感觉"收敛。

在阶段化流程里的位置

本 skill 严格限定在阶段 2（见 [[AI前端设计认知框架]]）：

阶段1 需求 + 前轮深度采访 ─→ 主语言 + 目标（← 前提）
         ↓
阶段2 试吃六维 × 4-5 站    ─→ design.md 初稿（← 本 skill 产出）
         ↓
阶段3 后轮深度采访         ─→ design.md 定稿
         ↓
阶段4 视觉锚定三件套

和老版的差异：老版 research 包含"主语言收敛 + 参考调研 + 动效采访 + 资源路由"四件事；2026-04-21 重构后：

• 主语言收敛：由 frontend-interview-dualround 前轮产出，本 skill 只做验证（主语言必须已经是动词句式）
• 参考调研：重组为六维骨架 × 4-5 站，一次一站保护上下文
• 动效采访：归到六维之动，作为六维之一，不再是独立步骤
• 资源路由：拆出——组件库 / 动效资产库选型由 frontend-design-writer 写入 §11 Resources 段

何时进入本 skill

要进：

• 阶段 1 完成（主语言 + 目标已定），需要跑参考站调研
• 整个站点/单个关键页面重做
• 前端方向大迭代（主语言不变但视觉气质换）
• 用户说"帮我找几个参考学习"/"跑一下前端调研"/"做六维试吃"

不要进：

• 主语言还没定 → frontend-interview-dualround 前轮先拔出来
• 六维都调研完了要定稿 → frontend-interview-dualround 后轮
• 要派生 Moodboard / 示意图 / 动效帧序列 → frontend-visual-reference（阶段 4）
• 要写交付版 design.md kun 15 段 → frontend-design-writer
• 要生成某个动效的微观实现 prompt → frontend-motion-prompt-writer
• 纯后端/纯脚本/无 UI 任务