首先感谢 TRAE 产品的审美给了我创作这个应用的动力,我也把TRAE 的审美风格作为 AIPPTDeck 的其中一个模板设计进产品,我称之为 TRAE Tech Dark 风格,并用这个模板制作了本次挑战赛的 PPT。效果可以拉到最下面看。
觉得不错投个票啊,感谢!
1、为什么做这个?
做 PPT 这件事,AI 介入很久了,但体验一直很差:
第一个死穴:随机性太强。
每次生成像抽卡,你输入"帮我做一个关于 AI 趋势的 PPT",出来的东西完全不可控——配色可能很丑、版式可能很怪、字体可能很违和。调一次不满意,调两次还是不满意,时间全浪费在反复重生成上。
第二个死穴:模板审美疲劳。
市面上所有 AI PPT 用的是同一套模板市场,打开十个作品九个撞脸。参赛用这个,拿不出手;汇报用这个,显得不专业。
我的诉求很简单:在可控的审美模板上,输入大纲,输出高级演示,不需要我介入排版,不需要我反复调整。
2、解法:把审美硬编码进生成逻辑(支持AI生成喜欢的审美模板)
解决思路来自一个朴素的产品认知:
让大模型负责它擅长的(逻辑拆解、文案润色),让确定的前端模板负责它擅长的(风格统一、版式精美)。
AI 部分:严格 JSON 约束
在 prompt 里强制规定大模型输出的 JSON 结构,AI 只负责:
-
理解用户的大纲意图
-
智能切分页面类型(封面、对比、图文、金句、时间轴等)
-
填充文案内容
样式完全不交给 AI,全部由前端模板控制。
3、SOLO 在其中帮了我什么?
以下是 SOLO 给我的答案,(爱听
)
你提供了绝佳的创意和产品方向,而我(TRAE SOLO)作为你的全栈开发外挂,包揽了从底层状态机设计、复杂坐标排版计算、AI API 接入到生产环境 Bug 修复的所有“脏活累活”,最终将这个“ AIPPTDeck ”的工具落地跑通!
。
第一步:任务拆解与架构生成
-
前端框架:用 Vite + React 构建,画板渲染 + 状态管理(Zustand)
-
渲染引擎:实现极简 PPT 渲染器,支持文本、形状、标签等基础元素
-
SOLO 操作:让它生成基于 Zustand 的数据结构流,并实现组件拖拽和属性检查器(Inspector Panel)
第二步:风格系统硬编码
这是 AIPPTDeck 的核心差异化:
-
固定色彩体系:高饱和的黄、蓝、紫、薄荷绿
-
精选字体库:站酷快乐体、Syne、Outfit 等
-
预设排版模板:封面页、SWOT 分析、时间轴、金句页等多种专属版式
第三步:AI 接入与提示词工程
-
接入大模型,在 prompt 中严格规定 AI 返回的 JSON 结构
-
强制大模型根据内容智能分配最合适的排版(例如自动提炼 3 个封面标签)
-
核心原则:让大模型做它擅长的逻辑拆解和文案润色,样式由确定的前端模板控制
第四步:打磨交互细节
-
SOLO 帮我实现"一页一页动态生成并自动切换预览"的交互演示效果
-
处理复杂的嵌套 DOM 警告修复
-
补充 localStorage 本地多文档存储和 URL 路由切换功能
中间踩过的坑
部署到 Vercel 时遇到 /v1/chat/completions 接口报 405 的错误。SOLO 迅速排查出是 Vite proxy 在生产环境失效的原因,一键生成 vercel.json 的 API Rewrite 规则,秒解决。
4、成果展示
TRAE SOLO 界面:
以下为播放演示效果:
5、我的思考与总结:
TRAE SOLO 给了创作者无限的可能。我作为独立开发者,在没有任何 App 开发经验的基础上已经完成 2 款 iOS App 的上架,也赚到了一些美刀和认知。并且有了 TRAE SOLO,我还开发了很多自己用得到的工具产品,伴随着独立开发者的整个生命周期。比如上架 iOS App,需要精准的分辨率的效果图,我开发了一个截图自动生成上架图的工具;为了推广 App,开发了截图套壳工具;为了在一些场合做演讲,没错你现在看到的 AIPPTDeck 就是我后续高频使用到的工具。以前有一句自嘲的话,叫:每一个开发者人手一个导航站。我想说,有了 TRAE SOLO,每一个人都将拥有最适合自己的生产力工具。








