一、项目核心定位（重申，统一团队认知）

本项目为6-8人学生团队、6-8个月全流程落地的中型工程化产品，摒弃市面泛滥的AI问答、轻量化Demo模式，聚焦公众号创作者、中小教培机构的真实生产痛点：传统图文与贴图号工作流割裂、多格式内容迁移样式崩坏、长文转贴图人工成本极高、品牌排版无法统一、图片素材处理繁琐。

项目核心价值：以格式兼容、内容清洗、图文结构化转换、批量可视化排版为核心，AI仅做辅助润色，打造一套「多源内容导入→标准化图文编辑→一键转贴图卡片→批量导出发布」的全链路创作工作台，具备完整工程架构、异常容错、用户适配、轻量化协作能力，无大厂技术壁垒，完全适配学生团队落地。

二、整体开发周期与阶段划分（总计8个月，适配学生学期节奏）

团队分工建议：前端3人、后端2人、产品\&测试1人、设计1-2人，共6-8人，各司其职且交叉协作，保证全员参与核心开发与需求理解。

整体阶段：需求调研与架构设计（1个月）→ 基础核心模块开发（2.5个月）→ 核心差异化功能开发（2.5个月）→ 协作\&增强功能迭代（1.5个月）→ 测试优化\&项目收尾（0.5个月）

03 三、分阶段开发+学习细化计划（按月拆解，任务+学习重点双同步）

阶段一：项目立项、用户调研、架构设计（第1个月，全员参与）

1. 核心开发任务

  • 真实用户调研：访谈10+公众号个人创作者、5+教培机构新媒体运营，梳理真实工作痛点、高频操作、禁忌场景，输出《用户痛点清单》《核心需求PRD文档》，杜绝空想需求。

  • 竞品深度拆解：分析135编辑器、秀米、贴图辅助工具的优缺点，明确本项目差异化：专注长文转贴图、多格式无损清洗、机构品牌统一排版、本地批量图片处理。

  • 架构方案确定：敲定前后端技术栈、数据库设计、文件处理方案、图片批量处理逻辑、AI辅助能力接入规范，输出整体架构图、数据流程图、接口文档初稿。

  • 原型设计：完成全页面高保真原型，明确编辑器、贴图生成、素材管理、导出功能的交互逻辑，确定UI设计规范。

2. 学生重点学习内容

  • 掌握互联网产品需求调研方法：用户访谈、痛点拆解、需求优先级排序，区分“伪需求”和“真实刚需”。

  • 学习中型Web项目工程化架构设计：分层开发、模块解耦、接口规范化、前后端分离协作模式。

  • 理解公众号底层渲染规则：微信图文支持的HTML/CSS子集、被过滤样式、排版兼容坑点，建立「平台适配优先」的开发思维。

  • 学习团队协作规范：Git分支管理、接口联调、文档同步、任务拆分机制。

阶段二：基础底座开发——多源内容清洗+标准化图文编辑器（第2-3.5个月，核心基础模块）

1. 核心开发任务

  • 多格式内容解析与清洗模块：开发Markdown、DOCX、网页HTML、纯文本导入功能；手写脏数据清洗逻辑，清除零宽字符、冗余空行、AI复制标记、错乱样式、特殊符号，解决市面工具通用的格式崩坏问题。

  • 定制化公众号富文本编辑器：基于ProseMirror二次开发（不直接套用成品组件），适配公众号专属渲染规则，实现文本排版、图片插入、段落格式统一，输出可直接复制发布的纯净HTML。

  • 机构品牌模板模块：开发自定义配色、字体、行间距、段间距、封面样式功能，支持模板保存、一键复用，满足教培机构统一视觉风格需求。

  • 基础图片预处理功能：实现图片批量压缩、尺寸校验、格式转换，适配公众号封面、正文图片规范，全程本地/服务端处理，无第三方泄密风险。

2. 学生重点学习内容

  • 前端深度能力：精通DOM解析、HTML/CSS兼容处理、富文本编辑器底层原理、自定义排版规则开发，突破只会用UI组件的瓶颈。

  • 数据处理能力：掌握DOCX/MD/HTML多格式文件解析、脏数据容错处理、文本正则精细化清洗，解决真实场景非标准化数据问题。

  • 工程容错思维：针对超大文本、损坏文件、异常格式、特殊编码文件做兼容处理，避免程序卡死、功能失效。

  • 掌握Sharp图片处理、文件IO批量处理逻辑，理解批量任务的性能优化方案。

阶段三：核心差异化功能——长文自动转贴图+贴图可视化工作台（第3.5-6个月，项目核心壁垒）

1. 核心开发任务

  • 长文智能拆分引擎：开发基于标题层级、段落语义的自动拆分逻辑，将完整公众号长文，自动拆解为适配贴图号的短内容单元，支持手动微调拆分节点。

  • 贴图卡片批量生成模块：固定3:4贴图官方比例，开发画布自动渲染、文字自适应排版、背景填充、字体适配功能，自动规避文字溢出、画面裁切问题。

  • 贴图可视化编辑器：支持单张/批量贴图编辑、文案修改、滤镜调整、素材替换，实现“一篇长文→批量成套贴图作品”的自动化生成。

  • 贴图预览模拟器：模拟微信手机端真实渲染效果，提前校验排版、文字、画面适配问题，弥补微信官方后台无预览的痛点。

  • 轻量化AI辅助能力：仅做段落精简、贴图短句润色、标题优化、配图prompt生成，所有内容输出基于用户原始素材，禁止AI凭空生成内容，规避幻觉问题。

2. 学生重点学习内容

  • 前端画布高阶开发：掌握Canvas批量渲染、自适应布局、图层叠加、尺寸适配、溢出检测等进阶能力，属于市面学生项目稀缺技术点。

  • 语义化内容拆分逻辑：不依赖大模型，通过规则引擎+轻量语义分析实现文本结构化拆分，理解业务规则优先于AI生成的产品思维。

  • 批量任务工程化处理：学习批量渲染、批量导出、异步任务队列处理，解决批量操作的卡顿、超时、内存溢出问题。

  • 掌握大模型输出约束技巧：通过程序规则强制限定AI输出格式、字数、风格，而非单纯依赖prompt调优。

阶段四：协作功能+多平台导出+合规优化（第6-7.5个月，产品成熟化）

1. 核心开发任务

  • 轻量化团队协作模块：适配教培小机构场景，开发撰稿、审核双角色权限、稿件版本快照、历史回滚、操作记录留存功能。

  • 多平台一键导出：实现公众号纯净HTML、知乎适配Markdown、贴图图片包+文案CSV成套导出，一套内容适配多平台分发。

  • 教培行业合规检测：自研基础敏感词库、教培违规宣传话术检测规则，扫描文案风险并标注位置、给出修改建议。

  • 性能优化：针对大文件导入、批量贴图渲染、海量素材加载做防抖、分片加载、缓存优化，解决页面卡顿问题。

2. 学生重点学习内容

  • 后端业务架构能力：掌握权限设计、版本控制、数据快照、日志留存等企业级基础功能开发。

  • 多端格式适配思维：理解不同自媒体平台的内容规范、排版逻辑、用户阅读习惯，针对性做格式适配开发。

  • 规则引擎开发：自研行业合规检测规则，脱离大模型依赖，掌握业务规则固化为代码的能力。

  • 学习Web性能优化实战方案，解决真实业务场景的性能瓶颈。

阶段五：内测迭代、Bug修复、项目收尾、文档沉淀（第7.5-8个月）

1. 核心开发任务

  • 邀请20+真实创作者、教培运营进行内测，收集反馈，迭代优化交互、兼容问题、功能缺陷。

  • 全量Bug修复、边界异常处理、兼容性测试（多浏览器、不同尺寸设备）。

  • 完善项目文档：架构文档、接口文档、用户使用手册、开发复盘文档。

  • 项目开源整理、代码规范优化、功能打包部署。

2. 学生重点学习内容

  • 掌握产品迭代思维：根据真实用户反馈优化功能，而非闭门造车开发。

  • 学习软件测试核心方法：功能测试、兼容性测试、边界测试、压力测试。

  • 掌握项目复盘、技术沉淀、规范化文档撰写能力，适配求职、竞赛、开源场景。

四、学生全方位能力提升清单（技术+工程+产品+软实力）

1. 硬核技术能力（区别于普通Demo项目）

  • 前端高阶能力：富文本编辑器二次开发、Canvas批量画布渲染、DOM深度解析与清洗、CSS平台兼容适配、前端性能优化，突破学生常见的“只会调组件”短板。

  • 后端工程能力：文件批量处理、异步任务队列、版本控制、权限系统设计、结构化数据建模、异常容错处理。

  • 数据处理能力：多格式文件解析、脏数据清洗、文本语义拆分、批量图像处理，解决真实非标准化数据问题。

  • AI工程落地能力：掌握大模型输出约束、场景化辅助接入、规避幻觉的工程方案，而非简单调用API做对话Demo。

2. 核心工程思维能力（学生最稀缺、求职最加分）

  • 需求拆解与落地能力：从真实用户痛点出发，完成从调研→PRD→架构→开发→迭代的全流程，彻底摆脱“只会根据教程开发”的问题。

  • 边界与容错思维：大量处理异常场景：损坏文件、超大文件、错乱格式、特殊字符、设备兼容问题，具备工业级开发思维。

  • 模块化解耦思维：中型项目分层开发，实现功能解耦、可复用、可迭代，理解企业级项目开发规范。

  • 性能优化思维：针对真实业务瓶颈做优化，掌握分片加载、缓存、异步处理等实战技巧。

3. 产品与业务思维（远超纯技术Demo）

  • 懂自媒体、教培行业真实业务流程，理解创作者的核心痛点与使用习惯，具备一线用户需求洞察能力。

  • 掌握“功能取舍、优先级排序”思维，不堆砌无效功能，聚焦核心价值落地。

  • 理解To B小机构产品的设计逻辑：合规性、统一性、协作性、实用性，区别于普通C端工具。

4. 团队协作软实力

  • 6-8人中型团队长期协作，掌握Git规范、接口联调、任务分工、问题复盘的团队开发模式。

  • 学会跨岗位沟通（技术、产品、设计、测试），适配企业团队工作模式。

  • 具备长期项目深耕能力，摆脱学生短期速成Demo的浮躁开发习惯。

五、项目价值体现（竞赛、求职、简历、个人成长）

1. 简历核心差异化价值（碾压90%学生项目）

  • 非模板化、非AI堆叠项目：区别于泛滥的RAG问答、智能体Demo，核心壁垒是自研格式清洗、画布渲染、内容拆分、合规规则，技术含金量更高。

  • 完整工程化案例：具备调研、架构、开发、测试、迭代、落地全流程，是标准的企业级中型Web项目，适配前后端开发、全栈开发求职方向。

  • 有真实用户与业务落地：项目经过真实创作者内测，有实际使用场景和用户反馈，不是无意义的练手项目，求职说服力极强。

  • 稀缺技术亮点：富文本二次开发、Canvas批量渲染、多格式无损转换、业务规则引擎，均是面试官高频关注的高阶前端/后端能力。

2. 学科竞赛\&科创项目价值

  • 适配互联网+、挑战杯、软件创新大赛等科创赛事，项目具备创新性、实用性、落地性、商业价值，避开同质化AI赛道。

  • 有明确的用户痛点、完整的产品闭环、可展示的功能成果、完善的项目文档，赛事评审认可度高。

3. 个人长期成长价值

  • 彻底打通「需求理解→架构设计→代码落地→用户迭代」的完整开发链路，解决学生“只会写代码，不会做产品”的核心短板。

  • 积累大量真实工程问题解决经验，告别教程式开发，具备独立承担项目模块、解决线上问题的能力。

  • 项目可长期维护迭代，持续更新功能，成为个人开源代表作、长期技术名片。

4. 轻度商业价值（可选延伸）

项目落地后可面向个人创作者、中小教培机构免费开源或轻量化付费，具备真实商业落地潜力，可作为创业实践、副业项目延伸。