1. 需求描述
您将负责开发一款面向短剧编剧的AI辅助创作工具的前端部分。这是一个功能丰富的单页面应用(SPA),核心是构建一个高效、流畅的“三栏式”创作界面。
主要功能模块包括:
三栏式主界面布局:
左栏: 项目/文档管理面板,以树状列表展示,支持创建、切换和管理剧本项目及相关文档(梗概、人设、分集等)。
中栏: 核心文本编辑器,是剧本内容的最终呈现和编辑区。
右栏: AI对话交互窗口,用于用户与AI进行指令交互和创意探讨。
核心组件开发要求:
文本编辑器:
需实现一个轻量级的Markdown编辑器。
关键要求:在工具栏提供一个**一键插入剧本专用符号“△”**的快捷按钮。
该编辑器需要能接收AI生成的内容,也需要能将其中的文本作为参数传递给AI。
AI对话交互面板:
除了标准的对话流,需要实现一个核心特色功能:当AI提供多个创意方向时(后端API会返回特定数据结构),前端需要动态渲染出4个可点击的选项按钮,供用户选择,以驱动后续的AI交互。
用户系统(初期):
实现一个包含**“邀请码”**校验功能的注册页面。
实现用户登录及简单的用户中心
API对接:
我们将提供一份详尽的后端API接口文档。您需要根据该文档,完成所有前端与后端的数据请求与交互逻辑。
2. 人才要求
技术栈: 熟练掌握主流前端框架,Vue.js (3.x) 优先,React亦可。
项目经验: 具备复杂单页应用(SPA)的独立开发经验,有从0到1完成项目的能力。
状态管理: 精通状态管理工具(如 Pinia 或 Redux),能够清晰地管理和同步本应用中多面板间的复杂数据状态。
组件能力: 有构建自定义、交互复杂的UI组件的经验(例如本项目中的特殊编辑器和动态交互面板)。
沟通协作: 具备良好的沟通能力和文档理解能力,能根据API文档独立、高效地完成开发工作。
作品集: 请在申请时务必附上您的作品集或过往相关项目链接,这将是重要的参考依据。
3. 参考产品
为了帮助您更好地理解我们的产品理念,以下是一些在功能或交互逻辑上的参考:
整体布局与集成感参考: Notion / VS Code网页版
AI多选项交互逻辑参考: MidJourney (其生成图片时提供U1-U4, V1-V4按钮的交互模式)
编辑器简洁风格参考: 幕布 / Effie
(请注意:以上仅为功能和交互逻辑上的参考,并非要求像素级复制,我们有自己明确的UI/UX设计思路。)
4. 合作方式
工作模式: 完全远程在线协作。
时间紧迫性:项目需要在7月30日之前上线简单的Demo(需要最低程度的功能,能小规模内测)