AI 生成网文

基于 Next.js 的 AI 网文创作前端工作台，覆盖作品管理、创意生成、工作流、作品编辑、AI 辅助写作、提示词库和模型配置等界面，并预留清晰的后端 API 对接边界。

界面预览

首页工作台

作品管理

核心模块

• 首页工作台：作品、创意、工作流主入口。
• 作品管理：作品列表、创建作品、作品详情入口。
• 作品编辑器：章节编辑、AI 生成、上下文库、备忘录、右侧信息面板。
• AI 创作能力：生成结果弹窗、历史记录、模型设置、快捷生成、内容推送。
• 提示词库：模板创建、预览、收藏选择和更多模板弹窗。
• 工作流：我的工作流、收藏工作流、共享工作流、运行历史和详情弹窗。
• 管理后台：AI 模型、供应商账号、模型槽位和账号绑定管理。

技术栈

• Next.js App Router
• React
• TypeScript
• Tailwind CSS
• 官方 shadcn CLI/registry 管理的本地 UI 组件
• TipTap 编辑器
• Radix UI primitives
• lucide-react / Tabler Icons

本地开发

npm install
npm run dev

访问 http://localhost:3000。

后端环境变量

复制 .env.example 为 .env.local，按后端实际地址配置：

NEXT_PUBLIC_API_BASE_URL=http://localhost:3001
NEXT_PUBLIC_API_TIMEOUT_MS=15000

常用命令

npm run dev      # 启动开发服务
npm run build    # 生产构建
npm run start    # 启动生产服务
npm run lint     # 代码检查

开源协议

本项目基于 GNU Affero General Public License v3.0 开源。

项目结构

app/                    Next.js App Router 页面、布局和全局样式
app/login/              登录页
app/register/           注册页
app/works/              作品列表与作品详情页
app/workflows/          工作流页面
app/admin/ai-models/    AI 模型管理页
components/home/        首页工作台、作品、创意和提示词相关组件
components/workEditor/  作品编辑器相关组件
components/workflow/    工作流相关组件
components/ai/          AI 生成、历史、模型设置和 Markdown 展示组件
components/admin/       后台模型管理组件
components/case/        案例展示组件
components/ui/          官方 shadcn CLI/registry 管理的本地 UI 组件
lib/api/                后端 API 请求封装
lib/config/             环境变量、端点和常量配置
lib/mock/               mock 模拟数据
lib/utils/              通用工具函数
lib/siteData.ts         首页展示内容和静态业务数据
types/                  页面数据、业务模型和接口契约类型
image/                  README 与项目说明截图
docs/                   开发规则、结构说明和项目文档

开发约束

• UI 使用浅绿色工作台、白色卡片、emerald 强调色的统一视觉体系。
• 基础 UI 组件统一放在 components/ui/，由官方 shadcn CLI/registry 管理。
• 静态展示数据集中维护在 lib/siteData.ts 或 lib/mock/。
• 后端请求统一从 lib/api/ 发起，禁止组件直接拼接接口地址。
• 新增、删除或移动文件后，必须同步更新 docs/project-structure.md。

更多约定见 docs/development-rules.md 和 docs/project-structure.md。

QQ 群交流

扫描下方二维码加入 QQ 群交流。

友情链接

linux.do 社区 对项目交流与支持。