AE-Sim-AI-Video

面向用户的 AI 视频 Agent 平台 — 用自然语言生成媲美 After Effects 级别的动画效果，支持网站渲染与 MP4 导出。

项目简介

AE-Sim-AI-Video 是一个 AI 驱动的视频动画生成平台。用户通过自然语言描述需求，平台 AI 根据自研 harness 自动生成高质量的动画效果，并在浏览器端实时渲染，支持导出为 MP4 文件。

核心能力

• 自然语言 → 动画：用户描述需求，AI 生成 AE 级别的动画效果
• 浏览器端渲染：在网站内实时预览和渲染动画
• MP4 导出：支持将生成的动画导出为视频文件
• 双运行模式：支持本地开发运行 + 线上腾讯云 EdgeOne Pages 部署

研究方向

• AI harness 设计：面向用户的动画生成 harness 架构（后续研究重点）
• 模型选型：选择合适的 AI 模型实现动画生成能力（后续研究重点）
• 架构方式：具体技术架构待定，当前聚焦前端基础搭建

技术栈

类别	技术	版本
框架	Next.js (App Router)	≥16.2.0
UI 库	React	≥19.2
语言	TypeScript	strict mode
包管理	pnpm	—
样式	Tailwind CSS	—
运行时	Node.js	22.11.0
部署	腾讯云 EdgeOne Pages	SSG 静态导出

快速开始

环境要求

• Node.js 22.11.0
• pnpm

安装与运行

pnpm install
pnpm dev

打开 http://localhost:3000 查看运行效果。

构建

pnpm build

构建产物输出到 out/ 目录。

项目结构

.
├── src/                        # 源代码
│   ├── app/                    # 路由层
│   ├── components/ui/          # 纯展示组件
│   ├── features/               # 业务功能模块
│   ├── lib/                    # 工具函数
│   └── server/                 # server-only 代码
├── docs/                       # 项目内部文档
│   ├── plans/                  # 项目计划、路线图
│   ├── conventions/            # 编码规范、架构规范
│   ├── updates/                # 更新日志
│   ├── specs/                  # 技术规格
│   ├── audits/                 # 审计报告
│   ├── ops/                    # 运维指南
│   ├── issues/                 # 问题追踪
│   └── designs/                # 设计文档
├── scripts/                    # 辅助脚本
│   ├── setup/                  # 环境初始化
│   ├── build/                  # 构建辅助
│   ├── deploy/                 # 部署脚本
│   └── dev/                    # 开发辅助
├── public/                     # 静态资源
├── AGENTS.md                   # AI 编码代理操作策略
├── edgeone.json                # EdgeOne 部署配置
└── next.config.ts              # Next.js 配置

详细结构说明见 AGENTS.md。

部署

项目部署到腾讯云 EdgeOne Pages（SSG 静态导出模式）。

# 构建并部署
pnpm build
edgeone pages deploy

部署指南详见 docs/ops/。

文档

• AGENTS.md — AI 编码代理操作策略
• docs/ — 项目内部文档（计划、规范、规格、设计等）
• scripts/ — 辅助脚本

License

MIT