[{"data":1,"prerenderedAt":602},["ShallowReactive",2],{"content-/ai/multi-agent-collaboration":3,"related-ai":572},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"keywords":10,"author":11,"date":12,"category":13,"image":14,"body":15,"_type":566,"_id":567,"_source":568,"_file":569,"_stem":570,"_extension":571},"/ai/multi-agent-collaboration","ai",false,"","多代理协作","了解 HTMLPAGE AI 多代理系统如何协作生成高质量页面","多代理协作, 系统协作, AI 协调, HTMLPAGE","HTMLPAGE","2025-11-27","AI 架构","/content-images/ai/ai.jpg",{"type":16,"children":17,"toc":551},"root",[18,25,31,38,45,54,79,87,105,111,118,141,148,166,172,179,202,209,227,233,240,263,270,288,294,301,324,331,349,355,362,385,392,410,416,426,432,440,458,466,484,492,510,516,538,542],{"type":19,"tag":20,"props":21,"children":22},"element","h1",{"id":8},[23],{"type":24,"value":8},"text",{"type":19,"tag":26,"props":27,"children":28},"p",{},[29],{"type":24,"value":30},"HTMLPAGE AI 采用多代理协作架构，各个专业化的代理各司其职，共同完成页面生成任务。",{"type":19,"tag":32,"props":33,"children":35},"h2",{"id":34},"核心代理",[36],{"type":24,"value":37},"📌 核心代理",{"type":19,"tag":39,"props":40,"children":42},"h3",{"id":41},"_1-需求理解代理",[43],{"type":24,"value":44},"1. 需求理解代理",{"type":19,"tag":26,"props":46,"children":47},{},[48],{"type":19,"tag":49,"props":50,"children":51},"strong",{},[52],{"type":24,"value":53},"职责",{"type":19,"tag":55,"props":56,"children":57},"ul",{},[58,64,69,74],{"type":19,"tag":59,"props":60,"children":61},"li",{},[62],{"type":24,"value":63},"解析用户输入",{"type":19,"tag":59,"props":65,"children":66},{},[67],{"type":24,"value":68},"提取关键信息",{"type":19,"tag":59,"props":70,"children":71},{},[72],{"type":24,"value":73},"识别隐含需求",{"type":19,"tag":59,"props":75,"children":76},{},[77],{"type":24,"value":78},"生成需求总结",{"type":19,"tag":26,"props":80,"children":81},{},[82],{"type":19,"tag":49,"props":83,"children":84},{},[85],{"type":24,"value":86},"输出",{"type":19,"tag":55,"props":88,"children":89},{},[90,95,100],{"type":19,"tag":59,"props":91,"children":92},{},[93],{"type":24,"value":94},"需求文档",{"type":19,"tag":59,"props":96,"children":97},{},[98],{"type":24,"value":99},"关键信息列表",{"type":19,"tag":59,"props":101,"children":102},{},[103],{"type":24,"value":104},"目标定义",{"type":19,"tag":39,"props":106,"children":108},{"id":107},"_2-架构规划代理",[109],{"type":24,"value":110},"2. 架构规划代理",{"type":19,"tag":26,"props":112,"children":113},{},[114],{"type":19,"tag":49,"props":115,"children":116},{},[117],{"type":24,"value":53},{"type":19,"tag":55,"props":119,"children":120},{},[121,126,131,136],{"type":19,"tag":59,"props":122,"children":123},{},[124],{"type":24,"value":125},"设计页面结构",{"type":19,"tag":59,"props":127,"children":128},{},[129],{"type":24,"value":130},"规划内容布局",{"type":19,"tag":59,"props":132,"children":133},{},[134],{"type":24,"value":135},"确定导航流程",{"type":19,"tag":59,"props":137,"children":138},{},[139],{"type":24,"value":140},"建议交互方式",{"type":19,"tag":26,"props":142,"children":143},{},[144],{"type":19,"tag":49,"props":145,"children":146},{},[147],{"type":24,"value":86},{"type":19,"tag":55,"props":149,"children":150},{},[151,156,161],{"type":19,"tag":59,"props":152,"children":153},{},[154],{"type":24,"value":155},"页面大纲",{"type":19,"tag":59,"props":157,"children":158},{},[159],{"type":24,"value":160},"布局设计",{"type":19,"tag":59,"props":162,"children":163},{},[164],{"type":24,"value":165},"导航规划",{"type":19,"tag":39,"props":167,"children":169},{"id":168},"_3-内容生成代理",[170],{"type":24,"value":171},"3. 内容生成代理",{"type":19,"tag":26,"props":173,"children":174},{},[175],{"type":19,"tag":49,"props":176,"children":177},{},[178],{"type":24,"value":53},{"type":19,"tag":55,"props":180,"children":181},{},[182,187,192,197],{"type":19,"tag":59,"props":183,"children":184},{},[185],{"type":24,"value":186},"编写文案内容",{"type":19,"tag":59,"props":188,"children":189},{},[190],{"type":24,"value":191},"优化 SEO 关键词",{"type":19,"tag":59,"props":193,"children":194},{},[195],{"type":24,"value":196},"生成元数据",{"type":19,"tag":59,"props":198,"children":199},{},[200],{"type":24,"value":201},"创作 CTA 文案",{"type":19,"tag":26,"props":203,"children":204},{},[205],{"type":19,"tag":49,"props":206,"children":207},{},[208],{"type":24,"value":86},{"type":19,"tag":55,"props":210,"children":211},{},[212,217,222],{"type":19,"tag":59,"props":213,"children":214},{},[215],{"type":24,"value":216},"所有文本内容",{"type":19,"tag":59,"props":218,"children":219},{},[220],{"type":24,"value":221},"Meta 标签",{"type":19,"tag":59,"props":223,"children":224},{},[225],{"type":24,"value":226},"结构化数据",{"type":19,"tag":39,"props":228,"children":230},{"id":229},"_4-样式设计代理",[231],{"type":24,"value":232},"4. 样式设计代理",{"type":19,"tag":26,"props":234,"children":235},{},[236],{"type":19,"tag":49,"props":237,"children":238},{},[239],{"type":24,"value":53},{"type":19,"tag":55,"props":241,"children":242},{},[243,248,253,258],{"type":19,"tag":59,"props":244,"children":245},{},[246],{"type":24,"value":247},"选择配色方案",{"type":19,"tag":59,"props":249,"children":250},{},[251],{"type":24,"value":252},"设计排版规则",{"type":19,"tag":59,"props":254,"children":255},{},[256],{"type":24,"value":257},"规划间距系统",{"type":19,"tag":59,"props":259,"children":260},{},[261],{"type":24,"value":262},"定义动效效果",{"type":19,"tag":26,"props":264,"children":265},{},[266],{"type":19,"tag":49,"props":267,"children":268},{},[269],{"type":24,"value":86},{"type":19,"tag":55,"props":271,"children":272},{},[273,278,283],{"type":19,"tag":59,"props":274,"children":275},{},[276],{"type":24,"value":277},"CSS 样式表",{"type":19,"tag":59,"props":279,"children":280},{},[281],{"type":24,"value":282},"设计规范",{"type":19,"tag":59,"props":284,"children":285},{},[286],{"type":24,"value":287},"效果说明",{"type":19,"tag":39,"props":289,"children":291},{"id":290},"_5-代码生成代理",[292],{"type":24,"value":293},"5. 代码生成代理",{"type":19,"tag":26,"props":295,"children":296},{},[297],{"type":19,"tag":49,"props":298,"children":299},{},[300],{"type":24,"value":53},{"type":19,"tag":55,"props":302,"children":303},{},[304,309,314,319],{"type":19,"tag":59,"props":305,"children":306},{},[307],{"type":24,"value":308},"转换为 HTML",{"type":19,"tag":59,"props":310,"children":311},{},[312],{"type":24,"value":313},"生成 CSS 代码",{"type":19,"tag":59,"props":315,"children":316},{},[317],{"type":24,"value":318},"编写 JavaScript",{"type":19,"tag":59,"props":320,"children":321},{},[322],{"type":24,"value":323},"优化代码质量",{"type":19,"tag":26,"props":325,"children":326},{},[327],{"type":19,"tag":49,"props":328,"children":329},{},[330],{"type":24,"value":86},{"type":19,"tag":55,"props":332,"children":333},{},[334,339,344],{"type":19,"tag":59,"props":335,"children":336},{},[337],{"type":24,"value":338},"完整 HTML 代码",{"type":19,"tag":59,"props":340,"children":341},{},[342],{"type":24,"value":343},"样式代码",{"type":19,"tag":59,"props":345,"children":346},{},[347],{"type":24,"value":348},"交互脚本",{"type":19,"tag":39,"props":350,"children":352},{"id":351},"_6-质量评估代理",[353],{"type":24,"value":354},"6. 质量评估代理",{"type":19,"tag":26,"props":356,"children":357},{},[358],{"type":19,"tag":49,"props":359,"children":360},{},[361],{"type":24,"value":53},{"type":19,"tag":55,"props":363,"children":364},{},[365,370,375,380],{"type":19,"tag":59,"props":366,"children":367},{},[368],{"type":24,"value":369},"验证代码质量",{"type":19,"tag":59,"props":371,"children":372},{},[373],{"type":24,"value":374},"检查响应式设计",{"type":19,"tag":59,"props":376,"children":377},{},[378],{"type":24,"value":379},"评估用户体验",{"type":19,"tag":59,"props":381,"children":382},{},[383],{"type":24,"value":384},"进行最终审核",{"type":19,"tag":26,"props":386,"children":387},{},[388],{"type":19,"tag":49,"props":389,"children":390},{},[391],{"type":24,"value":86},{"type":19,"tag":55,"props":393,"children":394},{},[395,400,405],{"type":19,"tag":59,"props":396,"children":397},{},[398],{"type":24,"value":399},"质量报告",{"type":19,"tag":59,"props":401,"children":402},{},[403],{"type":24,"value":404},"问题列表",{"type":19,"tag":59,"props":406,"children":407},{},[408],{"type":24,"value":409},"改进建议",{"type":19,"tag":32,"props":411,"children":413},{"id":412},"协作流程",[414],{"type":24,"value":415},"🎯 协作流程",{"type":19,"tag":417,"props":418,"children":420},"pre",{"code":419},"用户输入\n   ↓\n需求理解代理 (分析需求)\n   ↓\n架构规划代理 (设计结构)\n   ↓\n内容生成代理 (编写内容)\n   ↓\n样式设计代理 (美化设计)\n   ↓\n代码生成代理 (转换代码)\n   ↓\n质量评估代理 (检查质量)\n   ↓\n最终输出\n",[421],{"type":19,"tag":422,"props":423,"children":424},"code",{"__ignoreMap":7},[425],{"type":24,"value":419},{"type":19,"tag":32,"props":427,"children":429},{"id":428},"协作优势",[430],{"type":24,"value":431},"💡 协作优势",{"type":19,"tag":26,"props":433,"children":434},{},[435],{"type":19,"tag":49,"props":436,"children":437},{},[438],{"type":24,"value":439},"专业化分工",{"type":19,"tag":55,"props":441,"children":442},{},[443,448,453],{"type":19,"tag":59,"props":444,"children":445},{},[446],{"type":24,"value":447},"各代理专注专业领域",{"type":19,"tag":59,"props":449,"children":450},{},[451],{"type":24,"value":452},"输出质量更高",{"type":19,"tag":59,"props":454,"children":455},{},[456],{"type":24,"value":457},"效率明显提升",{"type":19,"tag":26,"props":459,"children":460},{},[461],{"type":19,"tag":49,"props":462,"children":463},{},[464],{"type":24,"value":465},"协同优化",{"type":19,"tag":55,"props":467,"children":468},{},[469,474,479],{"type":19,"tag":59,"props":470,"children":471},{},[472],{"type":24,"value":473},"前后代理互相检查",{"type":19,"tag":59,"props":475,"children":476},{},[477],{"type":24,"value":478},"及时反馈和调整",{"type":19,"tag":59,"props":480,"children":481},{},[482],{"type":24,"value":483},"持续改进输出",{"type":19,"tag":26,"props":485,"children":486},{},[487],{"type":19,"tag":49,"props":488,"children":489},{},[490],{"type":24,"value":491},"灵活调整",{"type":19,"tag":55,"props":493,"children":494},{},[495,500,505],{"type":19,"tag":59,"props":496,"children":497},{},[498],{"type":24,"value":499},"支持跳过某些代理",{"type":19,"tag":59,"props":501,"children":502},{},[503],{"type":24,"value":504},"支持重新执行",{"type":19,"tag":59,"props":506,"children":507},{},[508],{"type":24,"value":509},"支持结果替换",{"type":19,"tag":32,"props":511,"children":513},{"id":512},"相关资源",[514],{"type":24,"value":515},"🔗 相关资源",{"type":19,"tag":55,"props":517,"children":518},{},[519,529],{"type":19,"tag":59,"props":520,"children":521},{},[522],{"type":19,"tag":523,"props":524,"children":526},"a",{"href":525},"/ai/architecture-overview.md",[527],{"type":24,"value":528},"架构概述",{"type":19,"tag":59,"props":530,"children":531},{},[532],{"type":19,"tag":523,"props":533,"children":535},{"href":534},"/ai/quality-assurance.md",[536],{"type":24,"value":537},"质量保证",{"type":19,"tag":539,"props":540,"children":541},"hr",{},[],{"type":19,"tag":26,"props":543,"children":544},{},[545],{"type":19,"tag":546,"props":547,"children":548},"em",{},[549],{"type":24,"value":550},"多代理协作是高效生成的关键。",{"title":7,"searchDepth":552,"depth":552,"links":553},3,[554,563,564,565],{"id":34,"depth":555,"text":37,"children":556},2,[557,558,559,560,561,562],{"id":41,"depth":552,"text":44},{"id":107,"depth":552,"text":110},{"id":168,"depth":552,"text":171},{"id":229,"depth":552,"text":232},{"id":290,"depth":552,"text":293},{"id":351,"depth":552,"text":354},{"id":412,"depth":555,"text":415},{"id":428,"depth":555,"text":431},{"id":512,"depth":555,"text":515},"markdown","content:ai:multi-agent-collaboration.md","content","ai/multi-agent-collaboration.md","ai/multi-agent-collaboration","md",[573,584,593],{"_path":574,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":575,"description":576,"keywords":577,"schemaType":578,"author":11,"date":579,"image":580,"_type":566,"_id":581,"_source":568,"_file":582,"_stem":583,"_extension":571},"/ai/architecture-overview","AI架构概述 - HTMLPAGE智能网页生成系统","HTMLPAGE AI系统架构深度解析，了解多智能体协作、实时流式生成、模块化组装等核心技术，探索AI如何革新网页设计流程。","AI网页生成, 多智能体系统, 实时流式AI, 智能网页设计, AI架构, 机器学习","TechArticle","2025-11-24","/content-images/ai/architecture-overview.jpg","content:ai:architecture-overview.md","ai/architecture-overview.md","ai/architecture-overview",{"_path":585,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":586,"description":587,"keywords":588,"author":11,"date":12,"category":589,"image":14,"_type":566,"_id":590,"_source":568,"_file":591,"_stem":592,"_extension":571},"/ai/batch-creation","批量页面创建","模板 + 提示词模式组合进行多页面高效率生成","批量页面创建, 批量生成, 提示词模板, HTMLPAGE","应用场景","content:ai:batch-creation.md","ai/batch-creation.md","ai/batch-creation",{"_path":594,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":595,"description":596,"keywords":597,"author":11,"date":12,"category":598,"image":14,"_type":566,"_id":599,"_source":568,"_file":600,"_stem":601,"_extension":571},"/ai/case-studies","AI 案例研究","HTMLPAGE AI 在不同行业和场景中的成功应用案例","AI 案例研究, 成功案例, 页面生成, HTMLPAGE","案例研究","content:ai:case-studies.md","ai/case-studies.md","ai/case-studies",1774945285023]