墨澜 Ink-Flow

⚔️ 凌霄 (Lingxiao) Coding 产物 · 开源演示项目

本项目由 凌霄 (Lingxiao) AI 研发平台自主生成——从架构设计到全栈实现、测试验证，全程 AI-driven，人工仅提供需求与方向。

多 Agent 协同长篇小说创作平台 · 水墨鎏金设计语言 · React 18 + Express + WebSocket + SSE

关于本项目

这是凌霄 AI 研发平台的一次完整 Coding 能力演示。项目从零开始构建，涵盖：

• 后端：Express + TypeScript + WebSocket + SSE，5 个 Agent（大纲/角色/章节/记忆/编排）协同编排引擎
• 前端：React 18 + Vite + Tailwind CSS，水墨鎏金设计系统（墨黑 + 纸白 + 金箔 + 朱砂 + 青锋）
• 设计语言：Lingxiao Forge 水墨鎏金——周天罗盘、篆刻边框、流式打字机、水墨晕染背景

完整开发过程（需求拆解 → 架构设计 → 编码实现 → 测试验证）均由凌霄 AI 自主完成。

核心特性

六大核心能力

能力	说明
🤖 AI 多 Agent 协同	五大智能体各司其职：大纲生成、角色塑造、章节创作、记忆管理、编排调度
✍️ 水墨笔触生成	流式打字机效果，古风文学质感，逐字逐句如水墨晕染
🌐 角色关系图谱	力导向布局可视化，阵营聚类，情感/敌对/同盟/师徒一目了然
🛡️ 逻辑防漂移	全局一致性监控，OOC 评分，时间线矛盾检测，RAG 记忆校验
📜 章节版本回溯	每次生成留存快照，随时对比回退，创作不再有遗憾
📊 实时监控大屏	Token 消耗、生成进度、任务流转，创作全过程可视可控

五大 Agent

┌─────────────┐   ┌──────────────┐   ┌──────────────┐   ┌──────────────┐   ┌─────────────────┐
│  Outline    │   │  Character   │   │   Chapter    │   │   Memory     │   │  Orchestrator   │
│  大纲Agent  │   │  角色Agent   │   │  章节Agent   │   │  记忆Agent   │   │  编排Agent      │
├─────────────┤   ├──────────────┤   ├──────────────┤   ├──────────────┤   ├─────────────────┤
│ 故事骨架    │   │ 人物设定     │   │ 章节正文     │   │ 上下文记忆   │   │ 任务调度/分配    │
│ 伏笔布局    │   │ 关系网络     │   │ 对话场景     │   │ RAG 检索     │   │ Agent 协同控制   │
│ 节奏把控    │   │ 弧光发展     │   │ 氛围渲染     │   │ 一致性校验   │   │ 错误恢复/重试    │
└─────────────┘   └──────────────┘   └──────────────┘   └──────────────┘   └─────────────────┘

页面展示

落地页 Landing

创作工作台 Workspace

Agent 实时监控大屏

角色关系图谱

逻辑防漂移监控

小说管理

管理后台

套餐订阅

个人中心

设置

快速开始

1. 配置后端

cd server
cp .env.example .env
# 编辑 .env，填入你自己的 LLM API 地址和密钥

2. 启动后端

cd server
pnpm install        # 或 npm install
pnpm dev            # http://localhost:4101

3. 启动前端

cd web
pnpm install
pnpm dev            # http://localhost:5173

项目结构

projectD/
├── server/                    # Express 后端
│   ├── src/
│   │   ├── agents/            # 5 个 Agent 实现
│   │   │   ├── OutlineAgent.ts       # 大纲生成
│   │   │   ├── CharacterAgent.ts     # 角色塑造
│   │   │   ├── ChapterAgent.ts       # 章节创作
│   │   │   ├── MemoryAgent.ts        # 记忆管理
│   │   │   └── OrchestratorAgent.ts  # 编排调度
│   │   ├── core/              # 配置、EventBus、LLM 客户端、SSE/WS 推送
│   │   ├── routes/            # REST API + v1 兼容层
│   │   ├── services/          # AgentService / ProjectService / MemoryService
│   │   ├── store/             # 种子数据 + 版本存储
│   │   ├── prompts/           # Agent prompt 模板
│   │   └── types/             # TypeScript 类型定义
│   └── package.json
├── web/                       # React 前端
│   ├── src/
│   │   ├── components/        # UI 组件
│   │   │   ├── ui/                  # 基础组件 (InkButton, GoldCard, SealBadge...)
│   │   │   ├── workspace/           # 工作台组件 (AIPanel, ChapterEditor...)
│   │   │   ├── graph/               # 图谱组件 (GraphCanvas, DetailPanel...)
│   │   │   ├── consistency/         # 一致性组件 (HealthGauge, DriftList...)
│   │   │   └── landing/             # 落地页组件
│   │   ├── design-system/     # 水墨鎏金设计 tokens
│   │   ├── features/          # auth / graph / novel / consistency
│   │   ├── pages/             # 页面路由
│   │   ├── styles/            # 全局样式 + tokens.css
│   │   └── App.tsx            # 根路由
│   └── package.json
└── images/                    # README 截图

技术栈

层	技术
后端	Express 4 · TypeScript · WebSocket (ws) · SSE · undici · nanoid
前端	React 18 · Vite 5 · Tailwind CSS 3 · TypeScript 5
LLM	OpenAI 兼容接口（可配置任意 provider）
设计	水墨鎏金 (Ink-Gold)：墨黑 #0B0E11 · 纸白 #E8E4D8 · 金箔 #C9A86A · 朱砂 #E5484D · 青锋 #5FE0C7

设计系统

本项目使用自研「水墨鎏金」设计语言：

Token	色值	用途
Ink-950	#0B0E11	玄夜底色
Paper-100	#E8E4D8	主文字色
Gold-500	#C9A86A	金箔装饰
Cinnabar-500	#E5484D	朱砂警示/CTA
Blade-500	#5FE0C7	青锋强调

字体：ZCOOL XiaoWei（标题）· Noto Serif SC（正文）· IBM Plex Mono（数据）

License

MIT

---

_{Generated by 凌霄 (Lingxiao) AI Coding Platform · 2026
From architecture to deployment, AI-driven end-to-end.}