程序聚合 软件案例 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%
相似推荐
Java 应用集群迁移与 Elasticsearch 数据同步
一、背景与目标 客户因业务调整,需要将现有生产环境的网站服务及数据完整迁移至新服务器。涉及约 10 个 Java 网络应用程序及配套的搜索、消息队列服务。目标是在保证数据完整性的前提下,实现业务的平滑割接,确保迁移后服务可正常访问。 二、功能模块 1.全量服务迁移: 涵盖 Elasticsearch 7.8.0 搜索引擎、Nginx 反向代理、RabbitMQ 消息队列及 Redis 缓存服务的部署与配置还原。 2.Java 应用部署: 迁移并配置 10 个左右的 Java 后端应用,恢复其 JVM 参数及配置文件。 3.数据一致性保障: 执行数据库与索引数据的导出导入操作,确保新旧环境数据一致。
CentOS7 Docker 基础运行环境搭建与组件部署
客户需要在单台 CentOS 7 服务器上快速构建一套标准化的后端开发与运行环境。目标是替代繁琐的手动安装过程,通过容器化技术统一部署 MySQL、MongoDB、Redis、Kafka、Zookeeper、MinIO 等中间件,并预置 GoLang 开发环境,确保环境的一致性和可移植性。 功能模块: 1.中间件容器化: 集成 MySQL 5.7+、MongoDB 6.0+、Redis 7.0+、Kafka 及 Zookeeper 等核心组件,通过 Docker Compose 进行统一编排启动。 2.对象存储服务: 部署 MinIO 对象存储,用于非结构化数据的存储测试。 3.环境初始化: 编写初始化脚本,自动完成各组件的用户名密码配置(如 mysql/mongodb/redis/minio 统一认证),并安装 GoLang 1.18 及 Git 工具链,交付即可用的基础镜像环境。
考霸APP
面向小学、初中、高中学生,主打本地名校真题、同步教材、AI 智能刷题,题库超 350 万道,适配人教版、北师大版等主流教材版本。 核心功能 本地真题资源:名校月考、联考、教研室统考、分班考试卷,贴合本地考情 视频讲解:试卷、难题配套名师视频,支持投屏观看 AI 错题本:自动归集错题,按知识点分类;AI 举一反三推送同类变式题,做一道通一类;学情统计,定位薄弱知识点 音频磨耳朵:语文、历史、道法等文科考点音频,通勤碎片时间背诵记忆 同步教材练习:同步课本章节预习、课后巩固,试卷支持下载打印 PDF 备考计划:寒暑假提分计划、一轮二轮复习、中考真题专项训练
微信小程序商城
本项目围绕微信小程序商城及服务业务场景进行开发,集商品展示、在线预约、订单管理、微信支付、用户中心、服务管理和数据统计等功能于一体。用户可通过小程序完成商品浏览、服务预约、订单提交、在线支付及订单查询等操作,企业则可通过管理后台统一管理商品、服务、用户、订单、支付记录及运营数据,并可根据后续业务需求扩展会员、优惠券、积分、物流配送、消息通知及第三方系统接口等功能。
山姆拼团小程序
一、立项背景和目标 山姆会员店商品多为大容量家庭装,个人/小家庭用户常面临单品分量过大、不易储存或单独购买起送门槛高的问题。本项目旨在打造一款专为山姆商品设计的“社区/同城拼单与分装小程序”,支持用户快速发起拼单、凑单分装、分摊会员优惠与配送费,降低购买门槛,提升商品流通与履约效率。 二、软件功能与核心功能模块 1. 商品与拼团管理模块:支持山姆商品目录展示、拼单发起(支持按份数/按件拆分拼团)、拼团时效倒计时与成团状态流转。 2. 订单与支付分账模块:集成微信支付与预授权机制,支持成团自动扣款、拼团失败自动原路退款及差额多退少补。 3. 履约配送与自提核销:支持团长代收分装、同城配送对接、社区自提点选择及到货动态取件码核销。 4. 社交裂变与通知提醒:提供拼团海报一键生成、微信群转发分享及基于模板消息的成团/发货进度实时提醒。 三、业务流程与功能路径 团长/用户选择山姆商品并发起拼单 -> 设定拼团规则(成团人数/件数/有效时间)并分享至微信群或好友 -> 参团成员加车支付参团 -> 满员触发成团事件与采购通知(未满员超时自动退款) -> 商品到货团长分装/核销自提 -> 完成订单闭环。
帮助文档   Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服