[{"data":1,"prerenderedAt":528},["ShallowReactive",2],{"note-ai-collaboration-question-review-2026-04-29":3},{"id":4,"title":5,"body":6,"date":516,"description":517,"extension":518,"meta":519,"navigation":520,"path":521,"seo":522,"seoDescription":523,"seoTitle":524,"slug":525,"stem":526,"__hash__":527},"notes\u002Fnotes\u002F2026-04-29-ai-collaboration-question-review.md","与 AI 协作完成项目的阶段性提问复盘",{"type":7,"value":8,"toc":487},"minimark",[9,16,20,23,26,39,42,45,50,76,80,104,108,138,141,144,148,153,156,159,170,173,177,182,185,188,192,197,200,207,210,214,219,222,225,229,234,237,240,251,254,257,260,264,269,272,275,292,295,305,309,314,317,320,326,330,333,336,339,345,348,354,358,363,366,368,374,377,380,383,389,393,399,403,409,413,419,423,426,429,446,449,472,475,478,481,484],[10,11,12],"blockquote",{},[13,14,15],"p",{},"记录时间：2026-04-29 15:03:06 CST",[17,18,19],"h2",{"id":19},"这篇笔记在回答什么",[13,21,22],{},"这篇笔记复盘的是：为了完成这个多元思维模型网站，到目前为止我向 AI 提过哪些问题，哪些问题提得好，哪些问题还可以更清楚，以及后续如何提问，才能让 AI 更稳定地理解目标、减少返工、提高实现质量。",[13,24,25],{},"这里的判断标准不是“语气好不好”，而是三个工程标准：",[27,28,29,33,36],"ol",{},[30,31,32],"li",{},"AI 能不能明确知道要改什么。",[30,34,35],{},"AI 能不能知道不要改什么。",[30,37,38],{},"改完之后能不能验证结果是否满足预期。",[17,40,41],{"id":41},"到目前为止提出过的问题",[13,43,44],{},"根据已有项目笔记和这轮最新协作，到目前为止主要提出过这些问题。",[46,47,49],"h3",{"id":48},"第一阶段项目方向和内容体系","第一阶段：项目方向和内容体系",[27,51,52,55,58,61,64,67,70,73],{},[30,53,54],{},"想做一个介绍芒格多元思维模型的网站，技术栈要求 Vue、Vite、Nuxt，并且 SEO 友好。",[30,56,57],{},"纠正方向：不是马上写代码，而是严格按照软件开发流程，从需求、产品、UI 开始规划。",[30,59,60],{},"要求继续细化开发规划。",[30,62,63],{},"要求每个思维模型按照费曼教学法来解释，先输出模板。",[30,65,66],{},"确认模板后，要求更新项目中所有思维模型文档。",[30,68,69],{},"要求分析 ayaseeri.com 中按学科列举的思维模型。",[30,71,72],{},"要求把这些模型按学科加入项目，重复的不添加。",[30,74,75],{},"要求从 Vue 架构师角度讲解项目整体架构、优点、缺点。",[46,77,79],{"id":78},"第二阶段信息架构和页面内容","第二阶段：信息架构和页面内容",[27,81,83,86,89,92,95,98,101],{"start":82},9,[30,84,85],{},"要求移除学习路径、查理芒格、出处三个模块，新增个人介绍。",[30,87,88],{},"要求首页去掉“我”的多元思维模型”等个人化表达，统一改成“思维模型”。",[30,90,91],{},"发现所有思维模型入口消失，要求检查并修复。",[30,93,94],{},"要求去掉英文栏目标题和多余文案，并作为资深 UI 设计师优化页面。",[30,96,97],{},"对个人介绍页不满意，要求按极简风重新设计。",[30,99,100],{},"要求个人理念和核心书单必须保留在个人介绍后面。",[30,102,103],{},"要求价值观三句话分行，并继续调整整体字体大小和样式。",[46,105,107],{"id":106},"第三阶段首页-hero-和通用顶部组件","第三阶段：首页 Hero 和通用顶部组件",[27,109,111,114,126,129,132,135],{"start":110},16,[30,112,113],{},"要求去掉首页顶部背景图大 Hero，改成黑底白字“做正确的事 \u002F DO THE RIGHT THING”。",[30,115,116,117,121,122,125],{},"要求修改 ",[118,119,120],"code",{},"main.css"," 中的 ",[118,123,124],{},"hero-section"," 样式，让文字保持居中。",[30,127,128],{},"发现修改后思维模型列表没有了，要求检查原因。",[30,130,131],{},"要求把首页顶部抽象成组件，让思维模型、个人笔记、个人介绍的顶部都使用同一个组件。",[30,133,134],{},"个人介绍页修改后样式不对，要求保持顶部不变，重新优化其他内容。",[30,136,137],{},"要求总结整个项目中的提问质量，并排版保存到个人笔记模块。",[17,139,140],{"id":140},"哪些问题提得好",[13,142,143],{},"好问题通常有一个共同点：目标、范围和约束都比较清楚。",[46,145,147],{"id":146},"_1-先要模板再批量替换","1. 先要模板，再批量替换",[10,149,150],{},[13,151,152],{},"每个思维模型希望按照费曼教学法解释。请先写一个模板，我觉得合适再全部替换。",[13,154,155],{},"这个问题很好，因为它没有一上来就要求大规模改内容，而是先确认结构，再批量执行。",[13,157,158],{},"好处是：",[27,160,161,164,167],{},[30,162,163],{},"降低返工成本。",[30,165,166],{},"先统一内容标准。",[30,168,169],{},"让 AI 可以把后续批量修改变成机械执行，而不是边写边猜。",[13,171,172],{},"这是很适合内容型项目的提问方式。",[46,174,176],{"id":175},"_2-明确删除什么保留什么新增什么","2. 明确删除什么、保留什么、新增什么",[10,178,179],{},[13,180,181],{},"把学习路径、查理芒格、出处这三个模块去掉。加上个人介绍。",[13,183,184],{},"这个问题也很好，因为它同时给了删除范围和新增方向。",[13,186,187],{},"这种问题适合页面信息架构调整。AI 不需要猜哪些内容还能保留，也不会无意中继续围绕旧模块设计页面。",[46,189,191],{"id":190},"_3-发现异常后直接要求排查原因","3. 发现异常后直接要求排查原因",[10,193,194],{},[13,195,196],{},"修改之后思维模型列表没有了，请你查查是什么原因引起的。",[13,198,199],{},"这是一个有效的 bug 类问题。它说明了异常现象，也明确要求先查原因。",[13,201,202,203,206],{},"这次实际排查发现：列表消失不是 Hero 组件导致的，而是 dev server 中 Nuxt Content 的 SQLite 表异常，报错是 ",[118,204,205],{},"no such table: _content_models","。重启 dev server 后恢复。",[13,208,209],{},"这个问题的价值在于：它没有直接要求“把列表加回来”，而是要求先定位原因。对工程问题来说，这是正确方向。",[46,211,213],{"id":212},"_4-明确顶部不变其他内容优化","4. 明确“顶部不变，其他内容优化”",[10,215,216],{},[13,217,218],{},"个人介绍这个页面我也修改了，但是修改之后样式不对了，我想保持顶部不变，其他内容你帮我重新优化。",[13,220,221],{},"这是一个比“帮我美化一下”更好的问题，因为它给了一个重要约束：顶部不变。",[13,223,224],{},"这个约束很关键。它能防止 AI 重新设计已经确认过的公共顶部组件，只把注意力放到个人介绍页下方内容。",[46,226,228],{"id":227},"_5-要求抽象公共组件","5. 要求抽象公共组件",[10,230,231],{},[13,232,233],{},"把首页的顶部抽象成一个组件，让思维模型、个人笔记、个人介绍的顶部都使用同一个组件。",[13,235,236],{},"这是一个工程质量问题，不只是视觉问题。",[13,238,239],{},"它的价值在于：",[27,241,242,245,248],{},[30,243,244],{},"减少重复结构。",[30,246,247],{},"统一页面顶部风格。",[30,249,250],{},"后续修改 Hero 时只需要改一个组件。",[13,252,253],{},"这类提问说明关注点已经从“页面看起来怎么样”进化到“代码结构是否可维护”。",[17,255,256],{"id":256},"哪些问题还可以改进",[13,258,259],{},"这里的“差”不是指问题没价值，而是指它们容易让 AI 猜测，或者容易造成返工。",[46,261,263],{"id":262},"_1-样式不对还不够具体","1. “样式不对”还不够具体",[10,265,266],{},[13,267,268],{},"样式不对了，帮我重新优化。",[13,270,271],{},"这个方向能让 AI 开始工作，但还不够精确。",[13,273,274],{},"它缺少这些信息：",[27,276,277,280,283,286,289],{},[30,278,279],{},"是间距不对，还是字体不对。",[30,281,282],{},"是桌面端不对，还是移动端不对。",[30,284,285],{},"是首屏不对，还是下面模块不对。",[30,287,288],{},"哪些内容必须保留，哪些可以重组。",[30,290,291],{},"更想要简历风、个人品牌风、文档风，还是作品集风。",[13,293,294],{},"更好的说法是：",[296,297,303],"pre",{"className":298,"code":300,"language":301,"meta":302},[299],"language-text","个人介绍页顶部保持不变。\n下面内容现在的问题是：简介散在 main 外面，联系方式和基本信息没有对齐，移动端容易挤。\n请只修改 \u002Fabout 页面顶部以下内容和相关 CSS。\n目标是：像一个克制的个人品牌页，不要传统简历卡片堆叠。\n必须保留：简介、邮箱、电话、学历\u002F地点\u002F价值观、核心能力、项目、职业路径、个人理念、书单。\n验收：桌面端内容宽度统一，移动端不横向溢出。\n","text","",[118,304,300],{"__ignoreMap":302},[46,306,308],{"id":307},"_2-美化一下太主观","2. “美化一下”太主观",[10,310,311],{},[13,312,313],{},"把整体页面样式进行美化。",[13,315,316],{},"这个问题容易产生多轮返工，因为“美”没有唯一标准。",[13,318,319],{},"更好的方式是给出明确风格边界：",[296,321,324],{"className":322,"code":323,"language":301,"meta":302},[299],"请优化页面视觉。\n风格：极简、克制、偏个人品牌，不要营销感。\n颜色：保留黑白和少量金色，不要新增大面积渐变。\n布局：不要卡片堆叠，优先用分隔线和网格。\n字体：标题有力量，但正文阅读密度要舒服。\n移动端：优先保证不溢出、不裁切。\n",[118,325,323],{"__ignoreMap":302},[46,327,329],{"id":328},"_3-继续在复杂任务里容易有歧义","3. “继续”在复杂任务里容易有歧义",[13,331,332],{},"如果上下文很短，“继续”可以用。",[13,334,335],{},"但在这个项目里，任务包含内容生成、页面设计、组件抽象、bug 修复、CSS 调整、构建验证。“继续”可能表示继续规划、继续改 UI、继续排查 bug，也可能表示继续实现未完成的模块。",[13,337,338],{},"更好的方式是：",[296,340,343],{"className":341,"code":342,"language":301,"meta":302},[299],"继续上一轮的个人介绍页优化，只改 about 页面，不改 AppHero。\n",[118,344,342],{"__ignoreMap":302},[13,346,347],{},"或者：",[296,349,352],{"className":350,"code":351,"language":301,"meta":302},[299],"继续排查模型列表消失的问题，先不要改样式。\n",[118,353,351],{"__ignoreMap":302},[46,355,357],{"id":356},"_4-bug-问题最好附带复现信息","4. bug 问题最好附带复现信息",[10,359,360],{},[13,361,362],{},"修改之后思维模型列表没有了。",[13,364,365],{},"这句话本身有效，但如果补充更多信息，会更快定位。",[13,367,338],{},[296,369,372],{"className":370,"code":371,"language":301,"meta":302},[299],"首页 \u002F 的“多元思维模型”区域没有卡片了。\n我是在刚改完 hero-section 居中之后发现的。\n\u002Fmodels 页面是否正常我还没确认。\n请检查：数据查询、DOM 是否存在、CSS 是否隐藏、dev server 是否报错。\n",[118,373,371],{"__ignoreMap":302},[13,375,376],{},"如果能附浏览器控制台或终端报错，会更好。",[17,378,379],{"id":379},"后续应该如何改进提问",[13,381,382],{},"后续可以把问题拆成六个部分。",[296,384,387],{"className":385,"code":386,"language":301,"meta":302},[299],"目标：\n我希望最终达到什么效果。\n\n当前问题：\n现在哪里不对，最好指出页面、模块、视口。\n\n修改范围：\n允许改哪些文件或页面，不允许改哪些部分。\n\n必须保留：\n哪些文案、模块、交互或视觉不能动。\n\n风格\u002F参考：\n想要什么感觉，不想要什么感觉。\n\n验收标准：\n改完后怎么判断完成。\n",[118,388,386],{"__ignoreMap":302},[17,390,392],{"id":391},"推荐模板视觉优化类","推荐模板：视觉优化类",[296,394,397],{"className":395,"code":396,"language":301,"meta":302},[299],"请优化个人介绍页。\n\n目标：\n做成克制、干净、有信息密度的个人品牌页。\n\n当前问题：\n顶部下面的信息不够整齐，简介、联系方式和基本信息缺少统一容器。\n\n修改范围：\n只改 \u002Fabout 页面和相关 CSS。\n不要改 AppHero，不要改首页、思维模型页、个人笔记页。\n\n必须保留：\n简介、联系方式、基本信息、核心能力、代表项目、职业路径、个人理念、核心书单。\n\n风格要求：\n黑白为主，少量金色点缀；不要大面积卡片；不要花哨背景；移动端优先。\n\n验收标准：\n桌面端内容宽度统一；移动端不横向溢出；首屏能看清“我是谁”和联系方式。\n",[118,398,396],{"__ignoreMap":302},[17,400,402],{"id":401},"推荐模板功能修复类","推荐模板：功能修复类",[296,404,407],{"className":405,"code":406,"language":301,"meta":302},[299],"请修复首页模型列表消失的问题。\n\n现象：\n首页 \u002F 的“多元思维模型”区域没有模型卡片。\n\n期望：\n首页展示前 6 个模型，卡片可点击进入详情。\n\n最近改动：\n刚修改了 AppHero \u002F hero-section 样式。\n\n检查范围：\n请检查 Nuxt Content 查询、SSR HTML、DOM 是否存在、CSS 是否隐藏、终端报错。\n\n验收标准：\n首页能看到 6 张卡片；\u002Fmodels 页面正常；npm run typecheck 和 npm run build 通过。\n",[118,408,406],{"__ignoreMap":302},[17,410,412],{"id":411},"推荐模板组件抽象类","推荐模板：组件抽象类",[296,414,417],{"className":415,"code":416,"language":301,"meta":302},[299],"请把页面顶部抽象成公共组件。\n\n目标：\n首页、思维模型、个人笔记、个人介绍共用同一个顶部组件。\n\n约束：\n首页顶部视觉保持黑底白字。\n个人介绍页顶部文案保持不变。\n不要影响模型列表和笔记列表。\n\n组件能力：\n支持 title、description，title 可以是单行或多行。\n\n验收：\n四个页面顶部都来自同一个组件；列表内容正常；构建通过。\n",[118,418,416],{"__ignoreMap":302},[17,420,422],{"id":421},"和-ai-协作时最重要的习惯","和 AI 协作时最重要的习惯",[13,424,425],{},"最有效的协作方式是：我负责方向、约束和验收，AI 负责拆解、实现和验证。",[13,427,428],{},"后续少说：",[27,430,431,434,437,440,443],{},[30,432,433],{},"美化一下。",[30,435,436],{},"高级一点。",[30,438,439],{},"样式不对。",[30,441,442],{},"继续。",[30,444,445],{},"你看着改。",[13,447,448],{},"后续多说：",[27,450,451,454,457,460,463,466,469],{},[30,452,453],{},"哪个页面不对。",[30,455,456],{},"哪个模块不动。",[30,458,459],{},"哪些内容必须保留。",[30,461,462],{},"哪些文件可以改。",[30,464,465],{},"桌面端还是移动端优先。",[30,467,468],{},"改完要通过什么检查。",[30,470,471],{},"期望截图里应该看到什么。",[17,473,474],{"id":474},"总结",[13,476,477],{},"这个项目里的提问质量整体是在变好的。",[13,479,480],{},"一开始的问题偏方向性，比如“我要做一个网站”“继续规划”。中间开始进入内容结构，比如“按费曼教学法输出模板”“保留个人理念和书单”。后面问题开始更工程化，比如“抽象公共组件”“检查列表消失原因”“顶部不变，只优化其他内容”。",[13,482,483],{},"后续最值得继续强化的是：把审美判断翻译成具体约束，把异常现象翻译成可复现步骤，把“我不满意”翻译成“哪里不对、哪里不动、怎样算对”。",[13,485,486],{},"这样 AI 才能更像一个稳定的工程协作者，而不是只根据模糊偏好猜方向。",{"title":302,"searchDepth":488,"depth":488,"links":489},2,[490,491,497,504,510,511,512,513,514,515],{"id":19,"depth":488,"text":19},{"id":41,"depth":488,"text":41,"children":492},[493,495,496],{"id":48,"depth":494,"text":49},3,{"id":78,"depth":494,"text":79},{"id":106,"depth":494,"text":107},{"id":140,"depth":488,"text":140,"children":498},[499,500,501,502,503],{"id":146,"depth":494,"text":147},{"id":175,"depth":494,"text":176},{"id":190,"depth":494,"text":191},{"id":212,"depth":494,"text":213},{"id":227,"depth":494,"text":228},{"id":256,"depth":488,"text":256,"children":505},[506,507,508,509],{"id":262,"depth":494,"text":263},{"id":307,"depth":494,"text":308},{"id":328,"depth":494,"text":329},{"id":356,"depth":494,"text":357},{"id":379,"depth":488,"text":379},{"id":391,"depth":488,"text":392},{"id":401,"depth":488,"text":402},{"id":411,"depth":488,"text":412},{"id":421,"depth":488,"text":422},{"id":474,"depth":488,"text":474},"2026-04-29 15:03:06 CST","汇总这个项目到目前为止提出过的问题，分析哪些提问有效、哪些提问容易造成返工，并整理后续和 AI 协作的提问模板。","md",{},true,"\u002Fnotes\u002F2026-04-29-ai-collaboration-question-review",{"title":5,"description":517},"复盘多元思维模型网站开发过程中和 AI 协作的提问方式，分析好问题、可改进问题和后续提问模板。","与 AI 协作完成项目的阶段性提问复盘｜个人笔记","ai-collaboration-question-review-2026-04-29","notes\u002F2026-04-29-ai-collaboration-question-review","va4A_jCJX_dAoj1OovG1gy712l4MqnYWyVJk_6jferg",1777541413344]