← Knowledge Notes
Product Design & UX / Knowledge note · Chinese

will-ai-note 上手指引(新手怎么开始用这套 AI 辅助设计资料 + 路线导航)

Will(小红书 UX 求职博主)「AI 辅助设计」资料的新手入口页。蒸馏 Let's Start 区独有内容:① 看资料前必读的 6 条使用秘诀(产品只服务作品集/面试、AI 出图先英文后中文、Prompt 要下载不要点开、四模块该看哪块、两工具选 Claude);② 整套资料的 5 大能力支柱(作品集叙事 / 详细内容生成 / Vibe Coding / AI 能力体系 / Agent+Skill+MCP)+ 3 套组合配方(从 0 到 1 出作品集闭环 / 快速验证体验);③ 比 PitchPro 更前置的 resume-tailoring 简历定制 skill(1 岗 1 份)。bot 使用心法 / 面试题库 / 创意讲解提示词全部重叠,指向 [[ai-tools-bot-interview]] 不重写。面向非技术 PM,重 Why 与上手路线。

Source collection:AI 产品与辅助设计 · Published here:2026-09-26 · Note updated:2026-06-03

AI辅助设计UX工作流作品集

来自 Will(小红书 UX/AI 求职博主)课程的 Let's Start 区——整套资料的入口与路线图。这里只蒸馏入门导航独有的部分:看资料前的心态与使用规则、整套资料的能力版图、新手该按什么顺序走。机器人怎么用、面试题库、把项目讲成故事的提示词已在 Will 的 AI bot 使用心法 + UX 通用面试题 + 创意讲解项目提示词 完整覆盖,本页不重写,只在对应处指过去。

对 PM 的意义:这套资料的"作者怎么定义它、要你用什么心态用它"本身就是一个产品 onboarding 范本。它反复强调一句立场——AI 给可能性,人做取舍;不加判断的产出只是"看似完整的噪声"。这句话迁移到你自己用 AI 做 PRD / 竞品 / 复盘同样成立:工具能跑通流程不等于产出可用,价值来自你的筛选、校正、重构。


一、看资料前必读的 6 条使用秘诀(最容易被跳过,先看这个)

Why 单列:这 6 条是作者在正文之前给的"使用说明书"。新手最容易直接扎进某个阶段教程,结果用错心态(把它当"AI 效率自动化工具")或在错的模块上耗时间。先把这 6 条立场对齐,后面少走弯路。

# 规则 一句话怎么理解(含 Why)
0 这套资料只服务 UX 职业向上(晋升/跳槽) 目标是作品集 + 口述表达(面试/汇报)的内容质量,不是钻研花哨 AI 工作流、也不是追求效率自动化。用之前先确认你要的是"把作品集和面试讲好",而不是"搜集 AI 黑科技"。
1 AI 出图先英文、再换中文 凡是用 AI 出图(UI、图表),提示词末尾先加"使用纯英文输出",拿到结果再替换成中文。Why:从英文版切到中文版的过程,能逼你发现视觉权重与信息层级的问题(英文排版会暴露层级是否清楚)。文字内容不受此限。
2 文档里的 Prompt 要"下载到本地"再用,别直接点开 Prompt 左侧六个点 icon → 下载到本地 → 复制使用。Prompt 分两种:直接复制粘贴型,和需要你填信息型(后者看括号里的提示,如"需填写自定义项目背景")。
3 四个模块各看哪块——这条决定你不浪费时间 每个阶段教程下有四栏,作用依次是:① Process 流程与框架(可忽略)② Cognition 认知——你要指挥 AI 的方向,这块必须学透③ AI Skill Technique AI 实现的实操步骤④ References 结果视觉参考(成品长什么样,供你手动做成自己的东西)。Why:Cognition 是"你做判断"的部分,是这套方法的命门;Process 反而最不重要。
4 写 Prompt 水平还停在"能系统一点吗/结构再详细点吗" 别看别的,先去学 Google Prompting Essentials Specialization(Google 官方提示词课)。这是作者明确的前置门槛。
5 教程同时出现两个工具(如 GPT 和 Claude)= 二选一,优先 Claude 最优选择往往是 Claude。遇到"GPT/Claude 都行"的地方,默认走 Claude。

二、整套资料的能力版图(5 大支柱 + 怎么组合)

Why:新手最常见的困惑是"这么多模块我该用哪些"。作者把整套能力拆成 5 根支柱,再给出几套现成组合配方。先看版图,再按你的目标(出作品集 / 快速验证体验)挑组合,不必全学。

5 大能力支柱

支柱 是什么 对应资料区 / 下一步
➊ AI 搭作品集框架与叙事 用 AI 产出作品集的结构 + 文案 + 口述话术 机器人(PitchPro)用法见 Will 的 AI bot 使用心法 + UX 通用面试题 + 创意讲解项目提示词;本页"三"另有更前置的简历定制 skill
➋ AI 生成详细内容 用研支撑流程 + 可视化数据 + 界面与交互方案,覆盖 6 个 UX 阶段各自的 AI 技术 6 阶段总览见 Will 的 AI 辅助 UX 工作流总览(A-Discover→F-Deliver 全阶段骨架 + 12 篇姐妹 wiki 导航)(发现研究→定义洞察→构思→体验设计→验证→交付)
➌ Vibe Coding 链路 0→1 完整 Vibe Coding(用自然语言驱动出可运行产品)流程,无开发背景也能上手 资料 VibeCoding / Figma Make 区
➍ AI 专项能力体系 构建 AI 能力的底层(Vibe Coding + Prompt 写作 + 系统化 AI 工具课),把 AI 嵌进真实 UX 实践形成能力闭环 资料 Google Prompting / Tools 区
➎ Agent + Skill + MCP 工作体系 用 Agent(Codex)读线上/本地文件,在 Figma 里打通 PRD↔代码↔界面↔UI 系统的互转。作者称这是当前 UX+AI 效率最高的体系 资料 Codex + Figma 区

名词括号:Vibe Coding=用自然语言"聊"出可运行代码,不手写;Agent=能自己读文件、调工具、多步执行的 AI;Skill=打包好的一段可复用 AI 能力(像插件);MCP=让 AI 连接外部工具/数据的标准接口(可理解为"AI 的 USB 口")。

3 套现成组合配方

配方 适用场景 产出
➊+➋+➎ 完整闭环 从 0 到 1 做出"可展示 + 可讲述"的作品集 完整作品集(结构+内容+视觉)/ 每个项目的高质量文案与话术 / 每页带数据图表·用研证据·UI 交互方案 / 视觉对标行业优秀水平 / 每个项目有 Demo 可演示。完整案例看资料 F - Deliver → Case Study
➋+➌ 快速验证体验 日常 UX 工作里快速搭一个"完整产品体验" 理解业务↔UX 的价值转化 / 定义需求点与痛点 / 每个 UX 节点都用上 AI / AI 生成 UI+交互 / Vibe Coding 转真实产品 / 可上线·测试·快速验证

怎么挑:要做求职作品集 → 走完整闭环(➊+➋+➎);只想在日常工作里快速试一个体验方案 → 走快速验证(➋+➌)。不必一上来全学。


三、比 PitchPro 更前置的一步:简历定制 skill(1 岗 1 份)

Why 单列:Will 的 AI bot 使用心法 + UX 通用面试题 + 创意讲解项目提示词 讲的是用 PitchPro 写作品集文案与面试话术;但在那之前,作者还给了一个定制简历的 skill,这是姐妹篇没覆盖的独立环节。逻辑顺序是:先用它把简历按目标岗位改好 → 再进 PitchPro 搭作品集与话术。

resume-tailoring-skill-master.zip 是一个跑在 Codex 或 Claude Code 客户端里的 skill(打包好的可复用能力),用法:

  1. 下载 zip → 在 Codex/Claude Code 里点加号载入 → 跑一遍。
  2. 两种跑法:
    • 方式 1(Codex / Claude Code 均可):用一句 prompt 触发——使用 resume-tailoring skill,帮我针对这个岗位定制简历:[粘贴岗位 JD];我的简历库在:[上传附件]。
    • 方式 2(建议 Claude Code):直接贴 [岗位 JD] + [上传简历] + "走一遍完整流程",Agent 会一步步反问,让你看清自己简历里缺什么。
  3. 它会做的事:按目标岗位 JD 重写简历、分析 JD 匹配度、调研目标公司文化、挖掘你没写进简历的经历、输出 Word/PDF、并建立一个可复用的"简历库"。

对 PM 的迁移:这就是"用 Agent 反问式补全信息"的范式——不是让 AI 一次直出,而是让它逐项追问你缺的料。和你做需求澄清、写 PRD 时让 AI 当"提问者"是同一套打法。


四、新手推荐路线(把上面串成一条上手顺序)

  1. 先读本页"一"的 6 条规则 → 心态对齐(尤其:这是为作品集/面试服务、Cognition 模块必学、两工具选 Claude)。
  2. Prompt 水平不够先补课 → Google Prompting Essentials(规则 4)。
  3. 按目标挑组合配方(本页"二"):求职作品集走 ➊+➋+➎;日常验证体验走 ➋+➌。
  4. 简历先行(本页"三"):用 resume-tailoring skill 把简历按岗位改好。
  5. 进作品集与面试主流程 → 全套机器人心法、面试题库、创意讲解提示词在 → Will 的 AI bot 使用心法 + UX 通用面试题 + 创意讲解项目提示词。
  6. 要看 6 个 UX 阶段各自的 AI 技术分布 → Will 的 AI 辅助 UX 工作流总览(A-Discover→F-Deliver 全阶段骨架 + 12 篇姐妹 wiki 导航)。

关键术语速查(Glossary)

名词 一句话
Let's Start 区 整套资料的入口/路线图层,本页蒸馏对象
Cognition 模块 四模块中"你指挥 AI 的方向"那栏,作者点名必学的命门
先英文后中文出图 AI 出图的固定动作:先纯英文出,再换中文,用切换暴露视觉层级问题
5 大能力支柱 作品集叙事 / 详细内容 / Vibe Coding / AI 能力体系 / Agent+Skill+MCP
resume-tailoring skill 跑在 Codex/Claude Code 的简历定制 skill,1 岗 1 份,PitchPro 之前的前置环节
PitchPro Will 做的定制 GPT,写作品集文案与面试话术——用法见 Will 的 AI bot 使用心法 + UX 通用面试题 + 创意讲解项目提示词

<!-- ingest 说明:本页与 [Will 的 AI bot 使用心法 + UX 通用面试题 + 创意讲解项目提示词](/knowledge/kb-6adc9eed3d2ec7e5f869c762f213811b) 重叠约 30%(均涉及 PitchPro 写作品集/面试的 bot 机制),重叠部分一律指向姐妹篇不重写;本页独有=6 条使用秘诀 + 5 支柱版图 + 3 组合配方 + resume-tailoring skill + 新手路线。 图片缺口:Let's Start 区含约 7 张能力支柱示意图 + bot 子目录约 30 张操作截图,均为界面/示意,核心方法已文字化,未嵌图(已 gitignore)。 视频缺口:Let's Start 含一个 3:33 带音轨视频(3月29日_(1).mp4,66MB),展示 PitchPro 产出作品集框架与面试话术的实操效果,本 agent 读不到音轨未转写;若为入门讲解可考虑后续补转写。 -->

来源与关联资料