程序聚合 软件案例 AI 内容创作平台-Prism 创作台

AI 内容创作平台-Prism 创作台

2026-07-05 20:12:56
行业:人工智能、广告营销
载体:网站、H5
技术:Prism.js、React

业务和功能介绍

【项目背景】
面向内容创作者的个人 AI 创作工作台,整合文生图、图生图、AI 对话、AI 视频等能力,
帮助用户在一个界面内完成创意内容的生成与管理,降低多平台切换成本。

【目标用户】
自媒体创作者、设计师、运营人员等需要快速产出图文/视频素材的用户。

【核心功能】
1. 项目管理:创建、切换创作项目,按项目归类生成内容
2. 多模态 AI 生成:
- 文生图:输入 Prompt 生成图像,支持多种模型选择
- 图生图:基于参考图进行风格变换与编辑
- AI 对话:接入多种大语言模型进行创意辅助
- AI 视频:文生视频能力入口
3. 生成历史:查看每次生成的 Prompt、状态、结果,便于回溯复用
4. 积分机制:每次生成消耗积分,控制使用频率
5. API 代理层:后端统一对接第三方 AI 接口,支持 Mock 模式与真实 API 切换

【业务流程】
用户进入创作台 → 创建/选择项目 → 选择生成类型与模型 → 输入 Prompt →
提交生成 → 查看结果并保存至历史记录 → 可在同项目下继续迭代创作

【技术实现(本人负责部分)】
- 使用 Next.js + React + TypeScript 搭建前端创作台界面
- 使用 Tailwind CSS 实现深色主题与交互布局
- 开发项目管理、生成提交、历史记录等前后端 API 接口
- 实现 AI 服务代理层,支持开发 Mock 与生产环境 API Key 切换
- 预留 Prisma + MySQL 数据持久化与用户认证方案

【项目亮点】
- 单页创作台整合多种 AI 能力,交互路径清晰
- 支持 Mock/真实 API 一键切换,便于开发调试与演示
- 模块化 API 设计,后续可扩展更多模型与功能

项目实现

【整体架构】
采用 Next.js App Router 全栈架构,前端 React 组件 + 后端 Route Handler API 同项目部署。
页面层负责创作台交互,API 层负责项目管理、生成记录、AI 服务代理,前后端通过 REST 接口通信。

【前端实现】
1. 创作台主界面(Studio 组件):左侧项目/生成/历史面板,右侧结果展示区
2. 支持四种生成类型切换:文生图、图生图、AI 对话、AI 视频
3. 每种类型可独立选择模型(如 GPT-Image、FLUX、Claude、Sora 等)
4. 用户输入 Prompt → 选择项目 → 提交生成 → 实时展示状态与结果
5. 使用 Tailwind CSS 实现深色主题界面,支持 Ctrl+Enter 快捷提交
6. 未登录用户弹出登录引导,保证核心操作需认证后访问

【后端 API 实现】
1. /api/projects — 项目 CRUD,支持创建、列表、切换活跃项目
2. /api/generations — 生成历史查询,按项目 ID 过滤记录
3. /api/ve/image、/api/ve/chat、/api/ve/video — AI 服务统一代理层
4. 代理层封装第三方 VectorEngine API,前端不暴露 Key,统一错误处理
5. 开发阶段使用 global 内存 Mock 存储(项目、生成记录、积分),无需数据库即可完整演示
6. 配置 API Key 后自动切换为真实 AI 生成,Mock/生产一键切换

【数据与认证(已预留)】
- Prisma ORM + MySQL 数据模型已配置,可随时从 Mock 切换持久化存储
- Auth.js 用户认证已集成,管理后台含用户列表与密码管理

【本人负责】
独立完成需求梳理、页面开发、API 接口编写、AI 代理层对接、Mock 数据方案设计与联调测试。
项目可在本地完整运行,具备从「创建项目 → 选择模型 → 提交生成 → 查看历史」的完整闭环。

示例图片视频


tangyin
30天前活跃
方向: 前端-Web前端、爬虫/脚本-爬虫/脚本、
交付率:100.00%
相似推荐
恒康营销之星
工作描述:apicloud开发,实现h5页面打包生成混合app,使用echart 构建各类报表、调用apicloud模块实现二维码扫描二维码查询库存、授权平台实现app权限的管控 运用技术: 1、基于DIV+CSS实现页面布局和highchart 显示图表的展示 2、基于apicloud原生模块和jquery实现数据的绑定和交互 3、apicloud封装的模块、apicloudStudio实现无线同步、浏览器上调试页面、在手机上同步app功能、 4、基于git 代码管理, 5、采用云编译打包生成apk文件和ios 的ipa,熟悉ios 上线打包和生成ios 证书等。
跨境电商多端
跨境电商商城与货舱仓储管理小程序,面向跨境买家与仓库管理人员。包含商城首页、商品、购物车、拼团、实名认证、钱包支付、推广海报;货舱模块完成仓储业务管理,支持系统消息推送;配套后台实现发票开具、首页配置、分销售后管理,构建完整跨境电商交易闭环。
京尔思 B2B 全链路系统
包含客户小程序、工厂协同平台、权限管理后台三套子系统。覆盖产品定制、配方解析、合同签署、多工厂报价生产、企业认证、开票完整业务。后台实现角色菜单权限管控、订单物流、支付凭证管理,统一表单校验、异常拦截,服务上下游客户与工厂协同办公。
某汽车品牌官方商城与新零售运营中台
1、立项背景和目标 面对汽车行业新零售模式的兴起,某汽车品牌亟需一套能够同时支撑“整车直销”与“车品零售”的综合性业务底座。本项目作为广本新零售与直销业务的核心中台,旨在打通线上营销获客与线下门店交付的业务壁垒,构建一套高可用、支持高并发的大型电商与客资运营中台,最终实现精准营销引流与财务清算的全面数字化。 2、软件功能、核心功能模块的介绍系统由面向 C 端的移动端应用矩阵与面向 B 端的多租户管理后台组成。核心模块涵盖: 混合订单管理中心:兼容并支撑整车直销(订金/尾款/门店交付)与车品零售(物流发货)两套完全异构的业务流。 统一支付网关:无缝对接并封装微信、支付宝、民生及中金支付等多种支付渠道。 多租户渠道管控系统:支持上游供应商、特约店(4S)与二网店的库存调度与复杂财务清算。 企微直营客资闭环:深度接入企业微信 API,将线上线索无缝连接至线下销售终端。 3、业务流程、功能路径描述 核心业务路径如下:C 端用户在小程序或 APP 访问由“千人千面”动态组件渲染的营销页面,参与爆款车抢购或车品秒杀;下单后,系统根据商品类型触发底层的混合订单状态机,通过统一网关完成支付收口;随后,“企微直营”模块将线上购车线索精准路由分发给对应的线下销售顾问,形成私域跟进流转的业务闭环;交易彻底完成后,B 端系统自动进行跨租户的库存调度与财务清算。
quick_server
1、背景和目标:对企业所有服务请求进行轻量级安全和速度优化,减轻服务器的并发压力。 2、quick_server系统,不依赖外部引用,即插即用,主要用来进行极速快捷安全的http请求。大大减轻服务器的并发压力。轻松实现高并发场景下极速快捷安全的http请求。
帮助文档   Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服