0. 先和大家打个招呼 ![]()
你是谁:
我是于鸿翔,攀枝花智启数字科技有限公司创始人,一个扎根四川小城的创业者。
你是怎么用 TRAE 把 Demo 做出来的:
这次「盐边非遗AI创意工坊」的HTML落地页,从创意到成品几乎全是和TRAE Work对话完成的。我就是把脑子里的想法一句一句讲给TRAE听——“我想要一个科技感的首页,蓝白基调,展示非遗产品”,“案例卡片这里要放Before/After对比图,数据要显眼一点”,“图片别用外部链接,内嵌到HTML里,保证评委打开就能看”……TRAE一遍遍改,我一句句调,配合得挺顺的。
最让我觉得"原来这么简单"的是——我完全不需要写一行代码,就能把一个商业级的展示页做出来。这要放以前,得找设计师、找前端,折腾半个月起步。现在跟AI聊上几轮,当天就能出成品,这对我们这种小城市的创业者来说,是真的降维打击。
1. Demo 简介
是什么: 「盐边非遗AI创意工坊」是一个AI辅助生成的非遗产品商业级展示落地页(HTML网站)。
面向谁:
-
盐边当地非遗传承人(傈僳族服饰、苴却砚、油底肉等)
-
地方特色产品商户(国胜茶、盐边牛肉等)
-
缺乏技术能力和设计资源的乡村创业者
主要功能:
① AI驱动的品牌展示——科技蓝白基调的首页,展示傈僳族服饰、国胜茶、油底肉等非遗好物
② 案例对比展示——三组真实Before/After改造效果,用实景产品图片+
醒目数据证明效果(线上订单暴涨+240%、客户咨询暴涨+180%)
③ 品牌信任体系——效率数据横幅(成本降低67%·效率提升3倍)、商户信赖背书(30+商户信赖)、CTA转化区,一站式构建商业信任感
2. 创作思路
灵感来源:
我的公司在四川攀枝花盐边县,这里是傈僳族文化的重要传承地,也有苴却砚、国胜茶、油底肉、盐边牛肉等一大批好东西。但每次和这些非遗传承人、商户聊天,发现大家最头疼的问题是——产品是好产品,但不会展示。没有设计师、没有预算、不懂技术,发朋友圈就是拍张图配段文字,线上转化几乎为零。我就想,能不能用AI帮他们把"好东西"变成"好卖相"?
想解决的问题:
乡村非遗和特色产品「有好货、不会卖」的痛点。同样的盐边牛肉,路边摊卖和包装好上网卖,价格能差几倍。但商户们缺的不是产品,是一个专业的展示工具。
为什么做这个方向:
TRAE的AI辅助开发能力,让我看到了"技术平权"的可能性——非遗传承人不需要懂代码,只需要提供产品信息和故事,AI就能帮他们把内容变成专业的商业展示页。这不只是一个工具,更是一种让乡村创业者也能用上大厂级展示方案的尝试。
3. Demo 体验地址
本Demo为可交互式HTML文件,已打包为Zip上传至附件,下载后用浏览器打开即可完整体验,无需联网、无需登录。
4. TRAE 实践过程
本Demo使用TRAE Work完成全部开发,从0到1的完整过程如下:
关键开发阶段:
-
阶段一:项目搭建与视觉设计(时间轴、荣誉墙等首页样式规划)→ Session ID 3
-
阶段二:背景修复与案例卡片优化(页面五色渐变背景修复、Before/After数据优化)→ Session ID 2
-
阶段三:文案检查与最终稳定化(非遗产品文案准确性核验、图片内联保证永久可看)→ Session ID 1
开发关键步骤截图:
截图1——TRAE视觉设计阶段:时间轴与荣誉墙样式规划
截图2——TRAE开发修复阶段:页面背景五色渐变修复过程
截图3——TRAE文案检查阶段:非遗产品文案准确性核验
关键对话 Session ID:
Session ID 1(文案检查阶段):
2279747190267113:6e41ade8801410b6636e0fa4815415b6_6a3c817748903d2807da44eb.6a408ba373cbf261cb56f64d.6a408ba373cbf261cb56f64b:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/28 10:49:07)
Session ID 2(背景修复阶段):
2279747190267113:81a421b03a16fdc8d7fc811a98369ae2_6a3c817748903d2807da44eb.6a3f670a73cbf261cb56f57b.6a3f670a73cbf261cb56f579:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/27 14:00:42)
Session ID 3(视觉设计阶段):
2279747190267113:dae4fb7c19066e676b3e94aa347c7acb_6a3c817748903d2807da44eb.6a3f3aba4638c644594a4301.6a3f3aba4638c644594a42ff:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/27 10:51:38)
5. 对应的报名审核通过的帖子链接
https://forum.trae.cn/t/topic/49600
盐边非遗AI创意工坊.html (3.1 MB)


