codex如何辅助跨境
用 codex 做跨境电商，简直网站分享三个我每天都爱用的宝藏玩法。第一个，用 codex 做跨境的选品，我会让它定时监控亚马逊各国的热卖榜、新品榜，然后自动给我整理成选品报告。 它不只是告诉我什么产品卖的好，还可以帮我分析趋势、场景和机会点。比如现在夏天亚马逊上面的庭院灭虫类的产品非常火，这种已经被市场验证过的需求，放到贴套上面用短视频重新种草，大概率还能再火一遍。第二个，用 colddes 生成商品详情页， 我自己搭了一个 skill， 只要上传商品图片，它就能够自动生成一整套的电商详情页。以前做详情页得找美工，还得反复的去沟通调整，现在我只做最后把关，效率直接起飞了。 第三个，用 codex 拆解和复刻爆款视频。看到同行的爆款视频，我会直接丢给 codex， 它能够拆出视频的结构、爆款文案， 然后还能结合我们自己的产品去直接生成新的脚本、提示词和分镜图，然后再配合习 dance， 就 能很快做出我们自己的爆款视频。 所以 hold dance 真不是只会写代码，对于咱们跨境人来说，他也是超给力的 ai 员工。我从二三年开始用 ai 去做跨境，到现在我们团队百分之八十以上的工作都已经交给 ai 了。 现在做跨境不靠盲目堆人力，也不靠盲目苦干，今年明年会出现越来越多一人公司用 ai 去跑通出海的生意。
粉丝2844获赞1.8万
相关视频
01:16查看AI文稿AI文稿codex 现在能帮你做跨境电商了？今天一条视频跟大家讲明白 codex 在 跨境电商里的应用。我们团队现在已经把这些日常重复的动作打发成了 skill 了，从分析竞品到生土，再到最后的深层视频。 第一个，蒸馏竞品 skill， 当你上传你产品的信息资料，它会自动去搜索你目标平台中排名靠前的竞品，从搜亚马逊竞品到深度拆解各个 a s i n， 最 后直接给你一套完整作图框架。第二个，一键作图 skill， 它会自动拆解竞品视觉逻辑，产出完整竞品视觉 dna 分 析报告。你只需要上传自家产品资料，它对标竞品的构图逻辑、 商业视觉审美，一张一张帮你产出适配平台的产品图。第三个，广告视频生成 skill， 不 用一堆素材，单传一张产品白底图就行，它不会上来直接乱生成，而是先跟你确认全部需求视频时长规格，再分析产品目标人群画面，整套流程调理清晰。 第四个，爆款智能拆解 skill， 也是我最常用的，随便丢一条同行爆款视频进去，它会逐帧深度解析整条内容，黄金三秒钩子设计整片蓄势框架，留住观众停留的核心逻辑转化镜头拆解，连带完整故事脚本画面提示词，成套分镜故事版一次性全部输出。六月二十 七号到二十八号，我在深圳会系统地讲如何把 ai 落地到企业应用里，如何用 ai 做图、做视频、做智能体、做自动化、做工作流等等等等，我们不见不散！
137Gina跨境AI提效
02:59查看AI文稿AI文稿做跨境电商亚马逊的兄弟们看过来，上一个视频，我讲把领星的 m c p 接到 q d x 里面，现在我帮领星打打工，教大家怎么把 m c p 接到领星里面去。领星的帮助中心这里有一个 ai 助手， 把这篇文章复制过来，先丢给 q d x， 让他看一看。 那在这个过程中呢，我们自己也打开看一看，什么是 m c p， 怎么起用，如何在第三方应用中使用领先 m c p 啊？那 q d x 看了之后呢， 他就说如果你下一步想把它接到 q d x， 我 可以直接按这篇文档帮你整理成可用的配置，那我就说把它接到 q d x， 然后呢，他就说，现在只差你领星后台这两个真实值，我才能配置进去。 那这两个真实值是怎么拿呢？打开领星 e r p， 我 给自己的领星弄了个小号，分配了一个店铺，然后这里有一个 ai 助手 对话框，这里有个 m c p， 这里的 m c p 怎么来呢？在领星 e r p 里面设置功能权限， 亚马逊板块里面的工具有个 m c p， 把 m c p 的 查询和使用第三方 m c p 勾起来 写入权限，就有些不勾吧。那么我们点击管理 mcp， 点击复制链接到第三方 app 使用，他说已经写入剪切版了，然后再把你的 t 粘贴进来。 那这个领星 mcp 有 些什么能力呢？帮助中心也已经指出来了，它可以管理店铺，什么管理你的 fba 库存 listening， 管理产品表现，你怎么跟你的 ai agent 的 提问，也就是你怎么跟库黛斯聊天嘛，人家连提示词都告诉你了，我有哪几个店铺？帮我查一下我名下所有店铺的 id 和国家啊？帮我看一下我还有多少库存。 帮我看一下这个艾森的评分怎么样？上个星期卖了多少钱？上个月个 sku 的 利润如何？就是以前我们在领先的 erp 里面东点点，西点点，东看看西看看。现在呢？只要跟我们的 qdax 问几句话，他就帮我们把这些数据拉出来了。 那么感兴趣的老板，把你领星的 m c p 接到你的 codex 里面，或者你的小龙虾也好，爱马仕也好，接到你的 ai agent 里面，都可以去试一下吧。
204焊工夹克伯
00:35查看AI文稿AI文稿二零二六，用 codex 做跨境电商，只需要一句话，我就可以让 codex 走完亚马逊选品上架全流程，一键拉选品报告，一键出市场调研，一键做 voc 评论分析，一键筛查专利，一键挖掘货源，一键做词库打标，一键写新版 listing 转型，一键生成 ai 套图。 操作只有两步，一、先给 codex 装下 skill 包。二、艾特 amc skills 开始制作，输入你的需求即可发送， codex 会自己找到合适 skill 开始行动，本地跑也就不用担心丢失，上下文就很炸裂。 skills 包都给观众老爷们整理好了，我是跨境法老，每期用 codex 加 skill 解决你的运营小烦恼。
574跨境法老懂AI
03:31查看AI文稿AI文稿这个视频给大家分享一下我之前用 codex 去做的一个跨境电商的自动化平台，这个就是所有的项目代码，整个项目我都是用 codex 去完成研发的，我虽然之前是一名程序员，但是这个项目我是没有写一行的代码，我们可以把这个项目跑起来给大家看一下。 好，这就是项目的首页，首页是有当前运行，还有今日概括，还有三个大的模块的一个快捷入口，然后还有最近记录，可以看到最近执行了什么任务，然后是否停止，是否完成， 也可以继续去执行，也可以看这个整段的一个记录是否是出现了什么问题。好，这边有个任务队列，就是说当我执行完，比如说我现在开了一个采集任务，然后当执行完采集任务之后，我可以把编辑商品的任务去加到队列里边去，那执行完采集之后，就会自动去执行编辑的这个任务。 看一下账户配置，这边是去配置这个 erp 平台的一些呃接口地址，还有就是我们的登录的账号，还有密码，这边还有 ai 模型的服务可以配置，比如说文案翻译我用哪个模型，上面标题优化我用哪个模型，图片我用哪个模型，底下也会配对应模型的 api、 k、 ul， 还有这个具体有两个模型 啊，然后我们看一下商品采集，这边是可以采集两个平台的这个商品我可以给大家演示一下，采集一个八八平台的商品，比如说我采集一个口红啊，我采集这两个，其他位置我这边就先不改了，我开始这个任务 好，他就会去自动去搜口红这个东西，然后去采集啊，这边我们可以让他先跑着，我去给大家介绍第二个 编辑商品模块，然后这个模块就是说，呃，可以去将我们刚才采集到 erp 采集箱的这个商品去自动编辑。正常来说编辑商品的话，用人工去完成的话，一个商品可能需要三到五分钟，然后对于一些商家来说一天可能需要上大量的商品，那这个是很耗费人力的， 所以这边是可以就是做了一个自动化去编辑商品的一个功能，这边可以选择快速或者精细，精细化 精细模式的话会更消耗。 talk， 然后给大家介绍一下秒杀管理这个功能，秒杀就是说在 tiktok 平台的话，打给商品打折扣是需要， 呃创建秒杀活动的，然后这个地方是可以批量的去处理秒杀活动，把我们新上的这个商品去添加到这个秒杀活动里面，去看一下我们的这个商品采集的进度。 呃，可以看到当前的总数两个，然后已经成功采集了一个，用时是一分十七秒，然后当前采集的是这个商品，然后这边是具体的一个日制，可以看到。呃，这边也是有一个跳过的一个功能，就是你可以跳过最近采集过的商品， 底下可以看到定的这个采集记录，然后我还做了一个主题切换的功能，可以切换到一个清新风的这个功能啊，可以看到我们这个任务已经跑完了，可以看一下首页， 可以看到这边有一个记录，上面采集两个完成，然后采集完两个之后，我们可以看一下编辑，这边我可以去按范围，从第一个开始编辑两个商品，然后开始任务确认，开始 这个时候他就会跑这个编辑的这个任务，然后他就会把我们刚才采集的这两个商品去编辑， 然后秒杀，我就不多做介绍了，这就是我用酷 max 全程去开发的一个自动放工作流。然后如果说你对这个感兴趣，或者说你有一些其他的一些平台需要想做这个工作流，也可以在评论区留言。
786Alex 薛
02:03查看AI文稿AI文稿朋友们最近真的太兴奋了，因为我发现这个 codex 真的 很好用。以前呢，做亚马逊基本上都是靠我们运营团队选品分析，写 diss 文案，做图，广告优化，库存预警这些，所有的东西都是人盯人在做。 但是最近呢，我也一直在研究 codex， 现在呢，也是被我给用上了，用的也是我们自己做亚马逊的思维逻辑和方法，然后做出了十六个 skill， 实现了亚马逊全自动化运营。当然这不是说代替我去做亚马逊，而是提升我的效率， 把一些重复需要手动整理、容易出错漏掉和没有考虑的维度做成了流程工具。然后呢，去输出结果。 比如说我要评估某一个产品的供应链，我会使用 skill 帮我从资质对比、价格起，定量、跨境服务能力、品控风险和推荐、采购策略这些方面帮我输出方案，只用几分钟就可以了。 再比如我要做一个关键词的市场调研报告，那平时呢，我要去分析市场销量，竞品分析利润核算商标等等，都需要一两天的时间。 那现在呢，我用对应的 skill 直接帮我整理成这个所有的数据并输出报告，而且呢，分析维度更全面，几分钟就搞定了。 再比如说，我要去分析一个竞品，那我就把 action 输入，呃，用我制定的竞品分析 skill 技能，把关于这个竞品所有的信息都给我分析出来，也是几分钟就搞定了。 再比如说我要呃优化 listing， 同样我输入这个 listing 的 asin， 用 listing 优化 skill 帮我优化好， 然后也需要几分钟就搞定了。再比如说我要做图片等等所有的东西，所以说我的目的呢？就是把之前需要人工重复的动作，用 codex 变成流程和工具，更高效地去做。亚马逊真的最近太兴奋了，我已经停下来了，你们最近有没有研究呢？
197笑笑^O^
02:06查看AI文稿AI文稿现在做跨境电商，如果不用 codex， 每天真的要多花好几个小时的冤枉时间。今天直接分享四个我天天都在用的 codex 实战玩法，没有废话，全是用 ai 提效的干货。第一个，深度挖数据。做电商是一定要会开数据的，我会给 codex 一 些特定指令，他直接去各大电商平台和数据网站上挖数据。他可能会觉得这种功能很多选品工具都有，但 codex 最牛的地方在于它的侧边栏预览功能，甚至可以当场指挥他帮我修改表格，做个简单统计， 或者增加一列商品图片，它全部直接在表格里完成，再也不用在各个软件里跳来跳去，方便太多了。第二个是批量生成商品图。大家都知道 g p c 的 模型做图很厉害，但如果用普通的聊天窗口，你得一张一张去做，效率太低。但在 codex 里，我们可以直接批量做图， 只要在对话框里输入指令，他咔哒一下就能一次性帮你吐出好多张高清商品图，上架测款效率直接拉满。第三个，批量复制爆款视频。这个是我最近用的最爽的功能。比如说我直接上传一个爆款视频，先让 codex 用固定的脚本拆解模板，把它的黄金前三秒反转痛点和分镜全部拆解出来。基于这个爆款逻辑，我再上传自己新产品图片， 它就能一键帮我生成全新的带货脚本。脚本写好后，可以直接在里面调用剪辑插件，整个高转化率的视频基本上很快就能自动完成了，效果非常明显。第四，全自动监控和数据复盘。做快递最头疼的就是每天要盯着竞品降价没有，上新没有，还要天天去拉广告数据写周报。现在我直接在 codex 里面拉一个自动化工作流，让它每天自动去盯 对面的价格和新品，但有动静直接抓下来。不仅如此，他还能顺便把我昨天的广告数据一并整理好，连带着优化建议，自动生成一份运营周报，直接发给我。以前每天一睁眼就要发两三个小时处理的重复工作，现在全被它全自动跑通了。发现没有，所有的这些工作在扣代斯这一个窗口里就能实现全部提 款。而且你调好的这套工作流还能直接存成模板，后面直接一键附用，才是真正的自动化运营。我一直觉得，未来跨界上最大的竞争力不是谁更会加班，而是谁先拥有自己的 ai 团队。 当别人还在手动做运营拉表格的时候，你已经让 ai 帮你完成了百分之八十的重复工作。如果大家想看我平时具体怎么写这些指令，怎么搭建这些工作流，后面我会再继续分享更实战的玩法。
286仿生菇
00:39查看AI文稿AI文稿用抠带子去做带货视频，现在一天一个人就能产出上百条素材，如果你是要脚本去做带货视频，就直接用这个十六，如果要去复刻爆款视频，就用这个插件，然后把我们的产品图和对标视频上传发送，他就会完全自动的帮我们生成并保存好， 而且这样生成的视频效果大家可以看一下，基本上以 我们有现成的十六的情况下，对图片的消化时间是非常少的。 你就说只需要找好我们的产品视频，直接交给客户代理去跑动画，然后等到验证结果就可以了，甚至找产品找对标视频都可以交给客户代。
1398梵哥跨境出海
01:02查看AI文稿AI文稿跨境电商真的可以实现自动化运营吗？我让 callix 跑了一遍流程，不到十六分钟，他整理了后选商品，匹配幺六八八货源，调用 amg 二生成商品图片，最后连标题文案、主题标签一起交了出来。但先别激动，这还不叫自动化运营，他先结合欧动的商品信息，结合用户需求和竞争情况， 再匹配幺六八八的货源和素材来源。原始素材下载以后，我要求他调用 amg 二，重新制作适合在欧动展示的商品主图和场景图。第一版不满意，我直接让他继续补图。 最后三个商品整理出来十二张商品主图。图片完成以后，它又生成了俄语的标题文案和主题标签，并把商品图片、货源链接和 listing 出稿分别保存。但是这些内容不能直接上架，货源、价格、俄语表达和商品的真实性都必须由人再次核对。 所以这次测试最有价值的不是让 ai 替我去运营店铺，而是把分散的、繁琐的上新工作整理成一个工作包。真正关键的是如何部署 codex。 我 们把选品规则、 o 总工作流程和 a、 b、 g、 r 全部接进去，让他只收到一句话，就知道接下来该干什么。点个关注，下条视频，我会从零拆解这套 codex 自动化工作流程是如何搭起来的。
2661AI跨境大魔王
02:10查看AI文稿AI文稿最近 codex 在 ai 圈和电商圈特别火，但我发现百分之九十的跨境卖家可能都用错了。很多人以为 codex 只是一个 ai 开发工具，实则我已经拿 codex 融入真实的跨境场景。二十分钟后， codex 直接给了我 五个产品机会，二十个蓝海关键词、五百八十三条竞品评论分析、一套亚马逊 listing、 十二张电商图提示词，还有二条带货视频脚本，相当于把选品运营设计和视频策划的工作全做了一遍。 关键是，整个过程我没有写复杂提示词，只借助了一个 linkfox skills 工具，然后直接问他帮我分析一下美国宠物市场还有哪些产品机会。接下来， codex 自动调用 skills 里的跨境数据能力， 这里不是浏览网页，也不是到处收资料，而是直接调用卖家、精灵、 kipper 等全域真实数据源。几分钟后，他就输出了一份完整的市场分析报告，不仅推荐了五个潜在产品机会，还给出了二十个蓝海关键词，比如宠物舔食店、宠物冰店、 车载宠物用品等方向。更重要的是，他还分析了五百八十三条竞品评论。通过这些评论，你可以很快知道用户最满意什么，吐槽了哪些问题，哪些坑必须避开， 哪些产品还有优化空间。最后，我选择了宠物舔食店作为测试产品。 ai 先帮我做了一份利润折算表，还有定价策略。 确认有利润空间之后， ai 又自动生成了七张 listing 主图提示词，五张 a 加模块图提示词， 这些提示词直接拿去就可以升图。除此之外，它还生成了两套视频脚本，一套功能卖点展示，一套场景化带货视频，直接可以生成视频素材。就这样，二十分钟，没有找运营，没有找设计师，没有找摄影师，从发现产品机会，到完成 listing， 再到准备好图片和视频素材，全部由 codex 和跨境电商 skills 完成。最后我想问一句，如果你是做跨境的，你会用 codex 优先解决哪一个问题？
2162芒果林奇
01:42查看AI文稿AI文稿一定要想办法用上 codex， 才能让你瞬间甩开百分之九十只会用 ai 聊天的跨境同行。到现在大多数跨境卖家还在让 ai 写产品描述或者写七套脚本的时候，一定会用 codex 的 人已经开始让他接管整个跨境工作了。 分享三个 codex 真的 让我效率翻倍的玩法。第一个，一句话做完整个市场调研，以前上架一个新品，自己去各个平台调研，一个产品至少几个小时，但现在我可以直接告诉 codex， 分 析美国便携咖啡机的市场，他就会自己去抓取阿姆总前一百个 listing， 他 这套热门和 red 炒作，几分钟后给你的不是一堆冷冰冰的数据， 而是也把老外最吃哪套卖点，最讨厌什么，哪个客单价竞争最小，还有哪些没人做的垂直细分机会全部给你揪出来。第二个，给竞争对手做体检。以前我们分析竞品要一个网站一个网站去看，现在我直接把十几个竞争对手网站一起丢给 codex， 让它自动检查每个网站的产品结构、 seo 页面速度、营销活动、定价策略和卖点，最后直接生成一份竞品对比报告。以前运营团队做两三件事情，现在仅一分钟就能完成。第 三个也是含金量最高最值钱的就是把整个项目都交给 codex， 阿姆总导出的后台报告， jobfuck 订单高爆表，其他的投流数据等全部拖进一个项目里。只问他一句话，告诉我过去三十年，我们独立站和店铺的利润到底漏在了哪里？他这个时候就会自动关联 所有数据，告诉我哪些广告计划一直在白白烧钱？哪些高退步率的 sku 应该马上砍掉？哪些高利润的国家值得全力 去做？哪些核心的关键词被你低估了？这根本不是简单的数据统计，而是直接能帮你多赚几万美金的商业决策。所以我一直觉得， codex 最厉害的地方从来不是帮你写几段文案，而是把过去需要运营、广告、数据分析一起完成的工作整合到一个工作流里 来。真正的竞争力不是谁更会加班，而是谁先拥有一套真正能跑起来的 ai 工作流。下期视频我接着带你们拆解更硬核的实战干货。
40仿生菇
04:43查看AI文稿AI文稿这一个出图时就不用推倒重来，拼进去，直接局部指哪打哪。 ai 做电商图已经很强了，但是有了 qds， 可以 自动化的生成一套自带营销逻辑的电商图， 不是随便乱画，是可控精准且成体系，更重要的是不满意不需要你重新抽卡，只需要你修改不满意的位置就可以了。首先把我们的这一个产品图进行上传， 上传完后并且调用这一套电商生图的十六图片时，会让我们去确认一下这一些参数，比如说你要做多少张这个电商图，你做图的用途是干嘛的？是主图还是详情图还是设没？然后你投放的平台，你的图片比例 都会让你去做一个确认，并且呢还会给你去做一个电商转化参数的一个选择，那么比如说你的转化目标啊，你的市场人群啊等等。 再者让你看一下这一个画面控制的参数有哪些，有没有指定的风格，让你去确认这一些参数都是你后面生图非常重要的，所以他不是随便的给你生成一张产品图，而是根据你的产品，根据你的需求去做图的。当然你不想每次都去选，你也可以直接选择 按默认的方案，让他按你一设的模板去跑。那么接下来呢，这一个十六展现了对这个产品的理解。第一呢，他对这一个产品进行了一个深度的识别，他拔拔出的这一个是什么样的品牌，核心成分是什么？并且 直接把这个针对女性的中英文核心卖点给你提炼了出来。那同时呢，他还会自动的生成一份这一个出图的锁定信息，连用户的这一个痛点，使用场景，还有哪些细节， 哪些是必须保留的，哪些是不能生成的，那些避坑指南全部都给你框出来了，这相当于这一个资深的运营帮你写了好了一份拍摄需求的说明，如果这一些内容你觉得哎，他分析的哪里有问题，或者你有想补充的，你都可以以简单的方式让他去修改，如果没有，你就直接进入 下一个阶段，那么在上面有了这一个策略的确定后，那么在视觉上的落地，他不会让你去抽盲盒，而是呢直接给你一套推荐的方案，比如这里呢，系统结合产品的特征，首先给你推荐的这一个美妆的杂志风，然后 再辅助了一个，再给你推荐一个辅助的风格极简的品牌风。那么为什么这么去组合，这么去选择呢？他也给你做了一个解释，比如说，哎，你这一个透明瓶身适合放大高级的这一个科技感，然后你的产品的卖点 适合这一个高端美妆大片的一个表达。当然如果你不喜欢这一些他给你所选的这一些风格，那么下面呢，还有一个可选的一个视觉的风格库，你们可以在这里去选择匹配你产品的适合你产品的， 那么你只需要选择对应的编号就可以了，比如说你说视觉改为编号二，排版改为编号七都可以的，确认好风格后，他就会给你排兵布阵， 比如说你要生成三张这一个电商图，那么他就会把这三张是怎么样的一个排版，第一张他是主打这一个视觉的品牌调性，第二张呢，他是给你做这个核心的卖点可试化，第三张呢，他是 带入了这个使用的场景，每一张的这个画面的方向，主标题、卖点以及你这个行动号召都给你写好了， 所以他的排版逻辑是非常严谨的，那么你确认好这些服务后，那么就可以开始安排出图了。当然你如果哎你想改这一些卖点，你也可以去反馈给他， 好吧，那么我们来看啊，他确认出出图三张，这个图片就出来了，无论是光影呢还是质感，还是这个排版，直接拿去作为这一个上架的素材，都是非常高效的。 当然如果你想要调整也是可以的，以前用 ai 去做图，字写错了，或者你想临时换个卖点，你只能去重新跑图，那么大概率你的画风画面都会变， 那么这次呢，就是你哪里不对，你就直接改哪里，我们点开这一个内容，你就可以直接的在这一个部位想改你的这一个标题也好，改你的卖点也可以，你直接在这里去调整修改就行了。那么除了这一个，改这一个局部的内容也是可以的， 比如说你想改这一个某一个部位，比如说想把这一个部位改成这个红色，那么你直接框选这里，然后标注去改起就可以了， 这样的效率就大大提升了。而我们做这一个 ai 电商的视觉追求的不是说哎单张图是有多经验，而是一套能理解这个产品锁定这个策略，高效出图，无损的修改的这一个工业化流水线。
801Ai+TK跨境六哥
40:03查看AI文稿AI文稿这是我用 codex 做出的一个跨境电商网站，全程 web coding， 没有写一行代码。我用了一套很主流的网页开发方案，用 open design 先做页面原型， next gs 负责开发 bootstrap， 一 键上线。 这套方案很成熟，无论是做一个品牌展示页，一个公司官网，或者想要测试一个新品，做个落地页，以前可能都需要先找设计师，找前端，找人写代码。现在只要思路清晰，进入 codex 或其他的 ai 编程工具，几个小时就能把第一个版本先跑起来。那这就是 ai 编程真正有价值的地方， 让你用很快的成本，快速把想法变成一个能打开、能展示、能测试、迭代的东西。同时为了让完全没有基础的朋友也能跟着做，我把这个视频用到的提置词、操作步骤，以及可能遇见的报错和解决方法都整理成了详细的图文指南。如何获取可以看视频。最后，那接下来我就带大家从零开始 完整的做一遍。如果您的电脑就在身边，就请打开电脑，打开浏览器，我们正式开始今天的 ai 系统工程实战视频教程，可以先来个关注三连慢慢看。那我们今天主要使用到的工具就是 open design， 它是最近很火的一款设计工具，我们也可以把它看作是 cloud design 的 一款开源版本。那这类设计工具它主要的作用就是当我们有一个做网页或者做 app 的 想法，我们可以告诉它，它可以快速的帮我们做出原型设计。 跟 cloud design 比较昂贵的价格不同呢？那如果有同学体验过就会知道啊， cloud design 是 很贵的 open design， 它可以调用咱们本地电脑安装的一些 c l i 工具，就是命令行工具。那例如 codex 的 c l i。 这个时候大家可能会有点糊涂啊，咱们上个视频不是说 codex 它是一款桌面端的应用嘛，对吧？就是一款 app， 例如这就是我们桌面端 codex 的 页面。 那为什么这里又说 codex 它还有命令行的版本呢？那其实 codex 它是一系列的产品，就像我们所熟知的命令行呢，比如我们右键打开 windows 的 终端，好可以看到，那其实 codex 它是也有一个类似于这种命令行形式的。这节课我们就结合 codex 还有 open design 来快速地去打造一个跨境电商的落地页，并且咱们用 webcel 快 速上线。前端的框架呢，我们就用 nexjs， 你 可能会被这些名词绕晕，咱们先来看一下我做的这一张大概的解释图， webcel 和 nexjs 它们都是做什么的？ 可以看到那 next ds 它就是一套框架，主要是负责把网站给做出来。就像刚才我们说 open design， 它得到的这种原型设计一般就是一套静态的 html 网页，而且它还没有任何的功能。那 next ds 就是 负责把这一套设计类的网页给它转换成一个真正的网站。 当我们转换成网站之后，是吧？这个时候它可能还跑在你的本地电脑上，例如你去访问的话，它的前缀可能都是幺二七点、零点零点一，或者说 local host。 那怎么样才能把它发布起来，给它一个域名，例如 w w w 点多少点？ com 这么一个域名，让别人也能够访问，对吧？这是我们最终的目的， 那这个时候我们就需要用到 voicel 了，通过 voicel 我 们可以把 next gs 的 项目一键就发布上线，同时 voicel 它还会给你分配一个默认的域名，总体来说是非常方便的。 所以它整个的大致流程，我们先用 open design 去设计页面，这里面我们需要用到 open design， 那 open design 当然它后台会去调用 codex 的 c l i， 就是 命令行的版本。 这是第一步，我们先做出页面设计，然后呢就用 nexus 把页面设计给它开发成一个真正可以用的网页。那第三步，我们再把这个网页项目上传到 vassel， 这个时候咱们就能够得到一个可以访问的网站链接，那这个时候别人就可以通过这个网站链接去访问到你的网页了。 因为 next g s 就是 websel 团队主导的一个开源项目，所以这整个上线的流程非常的丝滑，咱们接下来会具体演示。好，那顺便呢我们补充一句啊，因为咱们这一期视频我们做的是一个外部端，就是一个网页端的项目， 那我们可以再回看咱们课程的第二杠一节，我们可以发现这里面其实涉及到的也和我们最初所说用 ai 去扮演一个小的软件团队常见的角色都是一致的。 那例如项目经理就是提出这个 idea 的 人，就是我，我们想要做一个跨境电商的网页产品经理和 u i 设计师，我们就让 open design 去代劳。那这种前后端还有数据库，我们就让 next g s 去做具体的部署，我们就使用 excel， 这就是大致的一个思路。 下来我们就开始第一步，圆形设计，那这个时候我们就需要用到 open design， 把我们的想法变成可以看得到的网页。那这里我们给大家留一个小思考，我们用 ai 做圆形设计在课程之前很早就说过，例如第三个四节，我们还曾经给大家提供了一套直接可以用的提示词，就是把你的想法 然后变成一套原型设计，而且输出的产物也是一套 html 文件。那为什么这个时候又有了 open design 这一套专门的设计工具呢？那这是因为啊， open design 他 们是专门针对这个任务去设计的一套开源工具， 而且融合了后续又有很多的各种各样的 skills， 例如 test skills， 就是 最近也很火的一套前端非常有用的技能，能够大幅度的提升你整个设计的品味。好，也就是 open design， 它是 一套专门针对于设计那就开发的开源工具，会更加的灵活，而且更容易调整，同时他也更系统，比如他在做原型设计之前，会先帮你生成一套设计系统，关于他的灵活调整还有系统性，咱们接下来都会给大家演示的。大概了解了 open design 他 做的是什么工作，我们就开始安装 open design。 首先第一步我们从它的官方地址去下载安装，那这个官方地址我也在文档中提供给大家了。好，我们点击一下， ok， 可以 看到，那这就是 open design 这款项目它的官方网址了， 那我们只需要在这里点击下载桌面端，无论是 windows 还是 mac 都有对应的版本，那就像你安装普通的软件一样，下载好之后双击安装就 ok 了， 但是安装好之后先不要打开，我们还有中间的一个步骤，因为 opendesign 它在后台需要去调用 codex 的 c l i， 为它提供 ai 的 能力， 所以咱们就来到第二步，去为你的电脑安装 codex 的 c l i。 那 关于 codex 命令行的安装地址，我们也在这里提供给大家，咱们点开来看一下，好可以看到，那这就是它的官方文档。那如果你是 mac 或者 linux 电脑，我们就用这条指令复制粘贴到你的命令行就可以了。 那如果你是 windows， 我 们就复制这第一条指令，复制粘贴到你的 windows 终端，把鼠标放在这个 windows 图标这里，然后右键我们选择终端管理员，打开之后，咱们再把这条指令就粘贴过去就行了。 粘贴之后回车它就会自动进入安装好，那因为我已经安装过了，我们这里就不给大家演示了。安装成功后，我们可以直接在命令行里面去输入 codex， 来看一看是否安装成功。那我输入 codex 好可以看到，那如果能显示出来这种界面，就能看到你的 codex， 它其实是安装成功了。 那我们可以来快速看一下 codex 命令行大概的一个组成，那这里就显示你目前使用到的模型就是 gpt 五点五模型，你就可以在这里去输入指令。在命令行中最常见的就是这个斜杠，那它可以快速的调用一些常见的指令， 比如用 model 的 话，你就可以快速的去切换模型，然后用这个 skills， 那 我们就可以去看一看你电脑上目前安装了哪些 skills， 如果你对 skills 还不是很了解，也可以看一看我们往期的教程。想在终端中去退出 code， 怎么还是可以输入斜杠，然后输入 exit 点击回车，这个时候 codex 就 会关闭了。那可能有朋友他们之前习惯用 ctrl c 去退出终端的一些指令，一定要记得在 codex 最好用 exit 去退出。如果你用 ctrl c 直接退出，你可能会有一些后台的任务 codex 还没有跑完，这样就会白白浪费很多的 token。 好， 这是一个小技巧， 用 exit 指令去退出。好，那在安装好 code c l i 之后呢？我们接下来进入第三步，需要在 opendesign 去配置这个 codex 的 c l i 工具。那如果你不是能很好地理解 opendesign 和 codex c l i 它们之间的关系，我们可以举一个很简单的比方啊， opendesign 它就是一台能够高速行驶的汽车， 那酷派 c l i 呢？它就是这个汽车的发动机了，当然这个发动机它还需要燃烧汽油，那这些汽油呢，其实就是 g p t 系列的模型。好，那具体如何配置呢？当您在自己的电脑上安装好粉底 z 之后，双击打开之后，它一般都会有一个欢迎页。 欢迎页的第一步就是让你去配置这些 c l i 方式，我们就选择到这个本地的 coding agent 点击扫描，这个时候你的 codex c l i 应该就会显示在这个列表中，然后你选择点击继续就 ok 了。当然你也可以选择其他编程工具所带的这种命令行终端，例如你的 cloud code， 对 吧？那总之， open design 它的配置非常简单，点击继续之后 就直接进入到他的主页，你就可以开始使用了。在配置这一步可能会出现一个小错误，特别是在 windows 电脑上你的这个列表，这里可能会提示到找不到本地安装的命令行终端。好，我们来看，那这就是在 open design 配置的时候，一个最常见的报错， 就是他会提示到没有检测到任何的代理，就是你在这里点击重新扫描之后还是持续这个错误。那怎么样修正这个错误呢？解决的方式就是首先我们需要完全退出这个 open design。 那第二步我们去打开 windows 终端管理员，输入下方的这个指令，来查看你本地电脑 codex 命令行的安装路径。好，我们给大家来演示一下，我们把这个指令复制一下，粘贴到这里来。好，可以看到那在我的电脑上 codex 这个命令行，它就安装在 c 盘， 这个路径很长。最后呢是 codex 点 e x e 这么一个执行文件，我们可以把前面就是 codex 点 e x e 前面的这些路径给复制起来，比如是我这台电脑上，我就复制到斜杠并这个文件夹路径下， 把这条路径复制备用。接下来我们就在 windows 环境变量中去配置这个路径，具体该怎么操作呢？我们这里有截图，这里也给大家简单的操作一下。那第一步我们先左键点击这个 windows 图标，在搜索这里我们就搜索环境变量，然后点击这个编辑系统环境变量，就会进入到一个编辑页面， 我们找到环境变量这个选项。同时咱们在上方就是用户变量这一块，不要去操作底下的系统变量，我们找到 pass 这一个选项，再点击编辑，点击新建，把我们刚才复制路径粘贴到这里来，再逐步的点击确定就 ok 了。 当配置好环境变量之后，我们再重启 open design， 这个时候在 open design 的 欢迎页面呢，你应该就能找到 codex 的 命令行终端了，那选择它点击继续就可以进入到 open design 的 主页开始使用了。 ok， 那 这个就是 open design 它的主页了，那可以看到它主要的交互方式也是一个聊天框，那后续如果你想再去更改什么设置，都可以在右上角这个小齿轮点 机就可以去修改了。例如后续你想更换其他的编程工具的命令行终端，例如 cloud code， 那 都可以在这里去更改。甚至如果说你想为它配置你自己的一些第三方的大模型，例如你有一些 deepsafe 的 api key， 也可以在这个 b y o k 就是 不认要 o n key 这里面去自己配置。 那同时设置这里还有我们一些比较关心的，例如技能 skills， 我 们可以看到就是 open design 它自带了非常多现在都很流行的设计类的 skills， 那 例如这个杂志文章，根据这个 skills 就 可以帮你生成一个杂志风格的版式。 还有像是现在比较火的 test 品味这个 skill， 我 们可以搜索看一下，可以看到那这个 test skills 也是直接就内置到这个 open design 里面了， 那当然后续你有其他想要自己创建的技能，也可以在这里点击新建技能，把它添加进去。好，那总之问题在于它整个的交互方式其实也和 codex 的 桌面端是很像很像的，也都是基于 edit 这种 a n native 的 交互方式了。 说白了呢，主要的交互就是通过这个聊天框去进行的，那至于技能或者说一些规则的配置，都在后台设置里面去配置，那我们就回到文档来看一下我们具体的需求。 那这节课我们就用一个宠物用品，也就是用一个猫窝啊猫抓板，咱们做一个例子来给大家演示。我提前准备好了一些素材，但这些素材呢也都是 ai 生成的，我们可以看一下。好可以看到这就是这些素材的照片， 那我选择的品类是用这种古草编织而成的一些比如猫窝或者说猫抓板，其实就是一些垫子， 还有一些手工编织的示意图。准备好这些素材之后，我们就可以开始让 open design 帮我们进行设计了，那我们把文档拖到左边， open design 放在右边，好，可以看到这里有一个加号，那我们每次开始一个新项目前，我们先点击这个加号去创建项目， 可以看到它这里可以做很多种功能，比如还可以做一些实时制品，比如一些图片，或者做一些换灯片。 我们就选择第一个原型，可以给咱们这个原型起一个名字，比如 petta， 还有设计体系。 那关于这个设计体系，我们可以看它好像是有不同的颜色，上面还有很多咱们常见的 ai 大 厂的名称，那比如 mini max 或者 hackinface 这些其实都是这些大厂，他们官网一些比较经典的设计风格，就是把它汇总成一个体系放在这里。 那关于这个设计体系我们可能不太好理解，那这里我也做了一个图给大家来稍微解释一下。对于一个设计系统，它里面首先肯定会有指定各种各样的颜色，例如主题色是什么，然后还会指定字体。 也就是说，当我们规定了这一个固定的设计系统之后，即使你后面再有新的设计加进来，你可能需要源源不断的做一些新的页面，只要按照这个设计系统去做，都能保持在视觉上整体是比较一致和协调的。 然后还有对于不同组建之间的间距啊，组建的一些默认的样式，例如一个按钮，他没有选中和被选中的时候，他的样式分别是什么？当我们把这个设计系统规定好之后， 那我们整个的设计就可以做到一致性，到后面有新的页面再进来都能保持一致，这样效率就会更高，也方便不同的设计人员之间进行协做。好，那这个设计系统其实是在设计这个方向一个特有的名词，大家可以理解一下。这里的设计系统我们就先不指定了，让他来自由发挥， 这里面的目标偏瘫，我们选择响应式的 web， 就是 说你这个网页无论是在宽屏的电脑上，或者说手机平板上，他都能够根据不同设备的尺寸来去自动的调整显示的布局和效果。好， 这里咱们就选择响应式。那后续你如果想要去做应用只针对移动端，那你也可以选择 ios 应用或者安卓应用。 ok， 因为咱们做的是个网站，我们就选择这一个 是否包含落地页，还有系统小组建，那这里我们可以把小组建给选上，同时对于京东，我们这里就选择高保真。那如果你只是想上一个 传统的产品经理，因为传统的产品经理他们只要画出一些草图，也就是现框图，你就选择左边，因为咱们需要直接能看到效果。我们选择高保真，这个时候我们就点击创建，就会开始自动帮我们创建一个空的项目，就可以开始用了。 我们可以点击这个附件按钮，把我们刚才准备好的这些原始的物料都选择过来。一些猫窝啊，或者说猫砖板的图片放到这里，再直接输入提示词，那你可以说的比较简单，比如直接帮我生成一个猫咪用品的跨境电商网站，主要针对的是海外用户 语言，用英文我已经准备好了一些材料，你可以参考，这样他就可以帮你生成了。我们这里给大家提供了一套比较详细的这个词，咱们一起来看一看。例如请寄予我上传的素材，设计一个面向欧美市场的 web 端电商网站的首页，告诉他我们主要销售的产品是什么，还有一些注意事项， 那这些注意事项也都是我之前在背课的时候发现会出错的一些地方，例如用我上传的白底图作为商品图，不要重新发明完全不同的商品，要保持一个怎样的风格。还有选择英文来作为主要的语言，那整个的风格就像一个独立站的首页， 而不是一个大的电商网站的详情页设计要有适当的留白，比较自然。作为一个独立站的原型，如果你需要配图，可以自动去调用于 magisk 二点零去帮我升图，你可以告诉他你的品牌方向，你的一些调性，还有你希望的一些视觉风格， 以及它整个页面的构成，例如顶部的公告栏，还有主要的导航栏，还有手屏的 hero 区域，还有一些按钮，以及主要的视觉要求，我们都放到这里来，咱们把这整个的提示词给复制好，然后粘贴到这个动画框里，我们点击发送， 让 open design 开始工作就行了。我们可以看到那 open design， 它会反向去问你一些问题，它没有确定的一些地方， 例如我们最终使用哪一个品牌名，那我们就选择这个 cattail。 手屏的主要视觉应该怎么处理，我们就选择可以生成一张生活方式场景的辅助，还有设计规范应该放在哪里，那我们就不再页面展示这个设计规范了。还有整体商品图的优先级， 我们就选择把猫窝放在手屏，以及其他一些需要强调的，我们就不选了，我们直接点击发送。接下来 open design 就 开始帮我们进行圆形设计了， 那他整个执行的时间还是比较长的，咱们就耐心的等待一下。好，各位可以看到，那现在大概过了九分钟，那我们现在这个网页的原型设计就已经做出来了，那首先一眼看过去，整体还算是很协调的，还是比较像一个 驿站的网页的，比如他把主要的商品，还有我们这个手工制品，他主要的卖点都已经说的比较清楚了，那唯一美中不足就是一些图片，因为我们给他的是白底图，这个图片不是透明的，所以他没有很好的处理，就显得视觉上很不协调。好， 那我们具体来看一下它生成这个网页究竟是啥啊？咱们继续选择这个设计文件。那可以看到这里面就多出来了一个 home page 的 html 文件，那这个其实就是我们刚才说的原型设计，最终其实是一组静态的，没有什么功能的 html 文件了。 在这里设计文件中，那因为刚才我们没有选择这个把它做成一个独立的设计系统说明文件，所以这里就没有列出来，可以在这里让他帮我们做一下。比如请帮我把设计系统规范 做成一个独立的设计系统说明文件。好，那我们可以把这个需求发送一下。 好，可以看到，那现在 open design 就 帮我们把整个的设计点 m d 的 文件， 或者他刚才还帮我生成了一个 design system 的 展示文件，咱们可以打开来看一下。那这个设计系统的展示文件就展示了，咱们目前就是左侧这个网页它主要的一个设计系统了。如果后续我们还需要朝这个网页里面去添加新的页面，那例如品牌故事的介绍，或者 这个工艺的介绍，都可以让 ai 去参考这个设计系统。例如这里面的颜色、主题色都指定了，还有不同的字体，例如大的标题、 h 区域的标题用什么字体，还有四级标题都应该用什么样的字体， 在这里都有了固定的要求，这样以后再去添加网页的时候，整体就会比较系统比较一致了。好，那接下来咱们再去添加网页的时候，整体就会比较系统比较一致了。那现在我们回到咱们生成的结果这里， 那在上面我们可以看到，我们可以随时在这里添加注示啊，或者说选中一些区域，让他帮我们去修改。那例如我们先选择这个注示功能，比如说我们觉得这一块可能有点太拥挤了，我们可以给他说这块区域太拥挤了， 请重新优化 ipad， 我 们发送聊天，这个时候我们比赛就可以开始帮我们重新进行设计了。 好，可以看到，那它修改好之后，我们这一块就是主标题区域就变得没有那么拥挤了。那或许如果您在自己使用 open 第三人过程中发现哪一块需要修复，也都可以使用这个注视功能，快速的定位到需要改的地方，提出自己的要求就行了。 那除了刚才的这个注视功能，我们可以看到它右面还有一个像钢笔一样的图标，这是一个标记功能。例如我们点击它，我们还是想修改这个主题区域，咱们就把这个主题区域框选好之后，然后在这里输入你的需求，点击发送就可以开始修改了。 好，那总之在 open design 中，你想要对这个圆形设计去做出进一步的修改，我们只需要用到它的注视或者标记功能，把它选中，然后再让它去修改就 ok 了。 那同时如果你之前已经有一定的前端基础，我们还可以去直接使用这个编辑功能，点击这个编辑的按钮。好，我们点击之后就可以看到，现在就会进入到很多前端编辑器都自带这种布局编辑的界面，比如我们改这个 shop 的 字体， 我们可以点这个加号，可以看到那它的字体就会变大，那相应的对于其他的一些卡片的圆角，在这里也都可以直接的去选择后去调整就行了，那调整后它还都会直接保存起来。好， 那也就是主要三个修改功能，分别是注视标记，还有直接编辑，我们最终想要获得就是一个符合我们预期的 d m d 的 规范。那有了这些之后，咱们就可以回到 codex， 让他去参考我们已有的这些原型设计还有设计系统去直接帮我们去把原型设计变成真正可以使用的网页了。 好，那接下来我们就进入下一个板块，我们使用 excel 还有 excel 点 gs， 把我们刚才 open dataset 做出来的这个原型设计，其实就是一个 html 文件，把它做成真正可以使用的网站。 首先呢我们需要去初步化一个空的 next 点 js 的 项目， next js 它给我们提供了非常丰富的模板列表。好，我们可以点进去来看一下。好， ok， 各位，那可以看到在这个模板中有很多，比如这是一个空的模板，还有就是一个 chatbook， 就是 一个 ai 对 话的一个模板，那我们可以点进去看一下它大概的效果，我们点击 view demo 来看看这个模板。好，可以看到那这个 demo 它就是一个非常典型的 ai 对 话的页面了， 如果你想要做的是一个 ai 对 话的网页，你就可以使用这个模板来去快速的部署，在这个列表中有非常多可以直接去使用的模板。 好，接下来我们给大家来介绍一下啊，初识化一个 next 点 g s 项目，它有三种主要的方式，那当然这三种方式 不是官方规定的，而是我总结出来的。首先第一种我们可以通过刚才这个官方模板来去创建项目，那例如我们回到这个模板列表中，如果说我们想做的是个 chatbot 类的，点击 deploy 就是 点击部署， 那在这个时候它会有一个操作，我们可以看到它会自动的连到我们的 get 远程仓库，同时会告诉我们，它会帮我们在 get 远程仓库里面创建一个新的项目，有这个项目它就起名到 chatbot， 而且这个项目它是一个私有的，又是我们自己去开发，自己去使用的。如果我们点击 create， 在 你的 get 云端仓库中就会出现这个项目了， 当然它还只是一个空的模板，咱们可以从云端把这个空的 chatbot 的 模板项目拉到你的本地电脑上，再用 codex 或者 cursor 去打开这个文件夹，你就可以按照我们正常的使用方式让 ai 帮你去开发了。那这是第一种方式， 也就是说他主要的步骤先选模板，然后部署，部署之后自动帮你在 get 云端创建一个远程仓库，那我们需要做的就是把这个仓库给拉回到本地进行修改和开发，那测试完成后，你觉得改的不错了， 再把你的修改再推送到这个云端仓库中，这是整体的一个流程。那这第二种方式我们直接通过本地创建， 首先咱们在本地电脑上去创建一个新的文件夹，同时我们去运行这个 nex 点 gs 官方提供的一个出场项目的指令，这个时候它就会帮你去创建一个完全空的 nex 点 gs 项目， 你也可以把这里面的蚂蚁 a p p 改成自己想要的 a p p 的 名称。当然我们创建好这个文件夹之后，咱们还需要去手动的出示化 get 仓库，当我们修改完成之后，再去把它推送到云端。同时你可能还需要在 github 上去手动的创建这么一个私有的项目。 也就是说这个抽象是从我们本地发起，也是一个比较标准的流程。那当然最快的我们可以让 ai 编程工具直接帮助我们去创建。例如你就可以在 codex 中去输入帮我们抽象一个空的 next 点 gs 项目，然后它的名称叫做什么， 这种方式肯定是最快的。同时我们都知道咱们创建好一个项目的模板或者框架只是最初的一步，我们更多的工作是让 ai 帮我们一步一步的去推动开发。那就像咱们之前的这有几期视频都说过， 用 ai 编程去做开发，其实最重要的一个难点就是我们要给它设置好墙和路，其实就是做好哈里斯 and nirin， 去管控好我们的项目。 那在我们之前的这一期课程中，我们还给大家去提出了一个叫做 any sports trap 的 技能，那这个技能其实就是把我们过往开发一个项目的经验，例如什么时候应该写文档，具体涉及到不同的角色，应该怎么做，如果你想了解都可以去看一看。我们之前的这一期视频 是关于哈尼斯 and nirin 非常深度的实战教程，如果你是我们课程的学员，我们非常推荐你在后续去进行任何的 ai 开发的工作呢。触化项目的时候，都可以先把这个技能给装好，就是我们在那节课给大家提供的技能安装好。 安装好之后，在触化的时候，你需要告诉 codex， 不 仅是帮我触化一个空的 next 点 gs 项目，同时呢帮我搭建好哈尼斯的框架， 这个时候你就会得到一个具有完整的 hash 框架的空的 next 点 g s 项目，因为这个框架下不仅有我们开发所需要用到的规则，需要用到的 skills， 搭建好一个清晰的墙和路。那么接下来你再去开发这个项目的时候， 随着你项目的膨胀变得越来越丰富，都能够始终让 ai 保持一个清晰的思路，对吧？好，那这就是我们使用 ai 编程工具去创建的一个好处，可以使用我们之前提供的 high speed boost 技能，这个技能具体的文件我们也都在课程的知识库中提供给大家了，欢迎前去查看。 总之这三种智能化的方式其实只是具体步骤的先后顺序，那大家可以看到了它整体的一个流程其实都是一样的，也就是 nice 跟 gs 这个模板，它在使用的时候， 那无非都是我们在本地开发，然后推送到云端，接下来会看到我塞尔跟云端仓库，他们会自动建立起联系，那只要我们一推送，我塞尔那边就实时更新，就保证了你这个线上的版本始终是最新的，整个流程都是一样的。 好，听起来有点绕，接下来我们给大家来实际操作一下，你就会了解这套方案还是很好用的，我们就选择第二种方式，从本地创建开始，来进行一个标准的流程演示。 第一步呢，我们需要在自己的电脑上先创建一个空的项目文件夹，可以看到，那我就创建在我的 f 盘是叫做 cat tail 开头的一个文件夹了，它现在还是空的。 接下来的第二步，我们就需要把现在 open design 帮我们生成的这些文件给他打包下载，再放到我们刚才创建的那个空的项目文件夹中去。好，那我们就下载这个主要的圆形设计，还有 design， 点 m d 这个设计系统的文件，以及我们需要用到的一些素材图片。 那我们把需要下载的文件选中之后，可以点击右上角的有一个下载，那我们点击一下，它就会帮我们自动下载到我们的电脑中了。 这个 cadetail 的 压缩文件就是刚才我们 open design 的 结果了， html 文档，还有 design， 点 m d 的 设计系统文档，还有需要用到的一些素材，那我们把它在这个项目文件路径下给解压一下。好，那解压之后我们之前的这个压缩文件就可以不要了， 同时因为这个文件夹里面存储的都是违形设计，我们也可以把它的路径名称改一改，例如我们就叫做 prototype。 接下来我们需要做的就是运行 next， 点 j s 官方的这个创建的指令，我们来去出实物化一个空的项目。好，那我们回到这个路径下，鼠标右键，然后点击在终端中打开，就会自动的在当前的路径下打开这个 windows 终端，我们把它粘贴过来， 点击回车。好，可以看到，那现在就会自动开始帮我们出使画一个叫做买 app 空的 next 点 gs 文件夹了。好，那现在它就出使画完成了，我们现在就拥有了一个空的 next 点 gs 项目了。 那可以看到它把一些必要的文件都放在这里。那虽然这里面还都是一些空的模板。比较有趣的是，它还帮我们去生成了 index 点 m d 的 文档。 那可以看到，所以现在 next 点 js 它其实都是在向 air native 这种开发方式去转变的，因为这些文档都是在为这些 coding agent， 无论是 codas， cursor 或者 cloud code 也好，都是它们的一个长久的记忆性文档。 有了这些文档也很方便我们去做后面的哈尼斯的管理。好，那如何去看一下当前的这个项目出场有没有成功呢？我们可以再回到这个命令行，然后进入到这个项目路径下，有，它叫做 money app。 好， 现在就进来了，我们输入 npm randef。 好，可以看到，那它现在就运行起来了，我们可以点击一下这个本地的地址。那如果你的电脑上也能够显示出来这个 google house 三千端口的这个网页之后，就表示我们这个 next 点 g s 项目是完全的出售。接下来我们就可以 让 codex 打开这个 color e commerce 我 们这个项目路径去进行开发了。好，不过要注意哦，接下来我们需要用到的就是要用到 codex 的 桌面端了，那如果您对 codex 桌面端的使用还不是很了解，可以看一看我们上一期的视频，都有非常详细的介绍。好，现在咱们就打开我们的 codex 左侧的项目，这里我们点击这个加号，点击使用现有的文件夹，选择到我们刚刚创建的项目路径，点击选择文件夹， 此时在这个聊天电话框这里可以看到，就已经进入到咱们这个项目路径下了。那就像我们之前的建议，因为 codex 它的交互方式只有这个聊天动画框，我们最好搭配着 ctrl 或者 vs code 来去使用。来看一看这个项目路径下哪些文件发生了改变，可以点开这个右上角的图标，然后我们选择在 ctrl 中打开。好，可以看到，那现在咱们在 ctrl 中 进入到我们刚才创建的这个项目路径了，那这个马云 a p p 它是一个空的项目。还有这个 prototype 是 我们刚才创建好的原型。好，各位，那我们现在已经做好了大部分的准备工作，接下来我们需要做的就让 codex 开始工作了。 先来看一下这个主要的提示词，例如参考 prototype 这个目录下的一些原声的 html， 就是 open design 的 结果，原型设计的结果，然后帮我把页面迁移到当前的 next 点 js 项目中还有一些主要的目标，尽可能的还原视觉效果， 不要简单的去复制，而是把页面拆分为可以附用的组建，这样是为了方便后续我们有新的页面进来的时候，不是一股脑的再重写所有的组建， 能复用的去复用，也保证了我们整个的系统设计是比较灵活的。同时呢， t c b。 整理基础的设计系统，建立清晰的前端结构，还有新增或者更新 i g s d m d 这个是面向 ai 编程的，如果你的项目结构啊，或者一些全局性的规则 都要去写入到这个 id 点 m d 文档里面去。好，那首先先分析这个目录，再开始修改代码，同时对于最后代码的一些要求，例如样式统一、结果清期。 ok， 那 我们把这个题词复制一下， 然后粘贴到我们的 codex 里面来，那同时我们可以在这里给 codex 补充一些信息，因为我们项目的路径是一个叫做 myapp 的 路径， 那我们可以在这里输入 app， 然后输入蚂蚁 app 的 路径，这样 codex 就 会自动知道哦，它是要帮我们把 photoshop 这个路径下的原型还原到蚂蚁 app 项目路径下。好，那我们点击发送。 好， ok， 那 现在 codex 就 已经执行完成了，我们来看最终的生产结果啊，它已经帮我们把生产预览的服务给启动了，我们就在浏览器中打开来看一看具体的结果。 好，可以看到各位，那现在这个页面它其实已经不是我们最初那个原型设计了，而是一个 next 点 gs 网页项目。那你后续可以在这里再去接入一些后端服务，例如你的订单管理或者用户下单啊，物流跟踪啊， 数据用户的反馈啊等等，也就是说它已经具备了一个电商网页的雏形了。那 咱们继续继续来朝下看，可以看到它对于我们最初的那个 open design 流行设计的还原度还是比较高的。 那我们现在就已经做好了这个 next 点 gs 的 开发，就进入到最后一步，把目前咱们在本地运行的这个 next 点 gs 跨年电商的网页给推送到云端，同时发布到 webshop 中，那，那它大致是怎么一个工作流程呢？好，假设现在这是我们本地的 next 项目，这是我们的 github 云端的远程仓库，这个是 voicel， 我 们需要做的有这么几步。首先我们需要先在 github 上去创建一个私有仓库，用来存储咱们这些代码。 那创建好之后，我们可以在本地电脑上可以让 codex 帮我们把这个项目推送到咱们刚刚创建的这个私密仓库中。 同时咱们去登录 webcel 的 官网，可以选择直接就用 github 的 账号去登录，咱们就可以在 github 中快速的去选择好这个仓库，也 就是 github 和 github 去建立连接是非常方便的。进行完这一步，会给我们分配一个网址，比如 w w w 点多少的一个网址，有了这个网址之后，你的潜在客户就可以通过这个网址去访问你的网页了。 那可能会有朋友问，假设后续我在自己的本地电脑上又对这里面的页面做出来了一些调整，例如我帮它添加一些跳转界面， 点击某按钮，跳转之后会跳转到我的电商平台上的链接，比如去亚马逊方便下单。应该怎么办呢？好，我们在电脑上去修改，还是让 codex 改，然后呢？让它再次去推送。当推送到 github 的 时候，接下来咱们就不需要去太操心了，因为我 sell 和 github 的 私有仓库，它会建立起一种自动的连接， 它会把这个私有仓库的修改自动的同步到在线的网页上。好，接下来我们给大家来完整的演示一遍创建私有仓库，还有推送的这么一整个流程。好，各位，那我们就来到了 github 上，就是创建仓库的一个页面，我们先给这个仓库起个名字， 比如我们就叫做好 description， 就是 描述这是一个猫咪用品的电商网站项目。 好，那同时这里面的可见性一定要记得后选择 private 就是 私有仓库，至于是否添加 readme 文档这些咱们就先不选了，我们点击创建这个仓库。 好，这是创建好后的页面，那我们可以把这段指令给复制下来，同时我们回到 codex 里面，接下来咱们让 codex 自动调用 get， 帮我们把这些本地的代码给推送到这个仓库中去。例如我们告诉 codex， 我已经在云端创建好一个 it 自有仓库，请帮我推送过去，再把刚才的这个指令粘贴到这里来，我们点击回车，那接下来库蒂斯就会自动的帮我们去推送这些修改了。 好， ok， 各位，那现在就已经推送好了，我们也可以回到咱们的仓库去看一看，我们点击一下刷新，可以看到，那刚才咱们这个 max 的 点击 s 项目就已经成功的推送到我们的云端仓库了。 下一步打开 voicel 的 官网，使用这个 github 的 账号去登录，那我们点击这个网址链接去登录，那这里我们点击 add new， 点击 project。 好，我们在 webshop 的 界面，它会自动的去帮你导入这个 get 的 仓库。好，那我们就在这里输入 cattail， 可以 看到，那这个项目它就已经列在这了。这个其实就是刚才咱们创建的那个所有仓库，那如果你找不到，可以点击这里 去做一下授权，那我们给大家演示一下，点击这里之后，它会有一个弹窗，在弹窗中找到授权的选项，我们就给他授权，只允许访问我们指定的仓库，在这里你就可以点击这个去选择你的仓库，然后点击 cf 添加，这个时候我在我就能够去访问了。 那我们找到这个四个仓库之后，我们点击 import 就是 导入这里，我们就选择 deploy 去部署，这个时候我塞尔就开始帮你一键去部署了，那它会把代码从你的 excel 仓库中拉下来，然后自动帮你部署，帮你启动，同时给你分配一个公网域名， 有了这个域名别人就可以去访问你的网页了。好，可以看到，那现在他就已经帮我们创建好了，我们可以点击去仪表团查看，也可以直接点击访问。好， 那这个域名其实就是我们的公网域名了，任何人都可以通过这个域名去访问到我们创建的这个网站， 那现在我们基本上就走完了，从我们 design 做设计，然后用 codex 把设计还原成一个 next 点 gs 的 项目，再推送到 webstyle 上，上线部署那么一整个完整的流程了。 那你也可以看到这套方案它整体的实现还是非常丝滑的，而且您熟练掌握之后，它不仅仅可以做一些电商网页，或者说其他的一些网页，这套方案都很实用。那我们快速的做个总结， 如果后续想让这个跨境电商的网站功能更加丰富，我们其实有两种方案。那第一种，如果你本身已经在一些大的电商平台上就有自己的网店，你可以让这个网页去跳转到你自己 的网店上，这样其实就省去了整个复杂的后台的电商的功能，这个落地页我们只负责承接你的宣传还有展示。 那如果你是打算完全做一个独立站，也就是说整体的后台的电商这一块也自己做。我们其实可以采用现有的方案，例如 shopping five， 他 们就有专门的后端方案， 我们也把官方的文档网址提供给大家了。那在后端 shopping five 主要起到作用，譬如咱们这个 next 点 gs 的 网站，可以从 shopping five 的 后端通过接口去查询咱们仓库中有哪些商品，在售商品的图片的链接，商品的名称，商品的库存数量， 消费法都会通过接口反馈给我们，咱们再放在前端的页面去展示，这个时候你整个的网站它就是一个很系统的独立站了。 那当然通过接口我们不仅可以做查询，像常见的下订单，查物流，还有收集客户的反馈，当然还有最重要的支付，都可以通过消费法提供的接口去进行。那当然如果你想要用这种方案就是完全做一个独立站啊，就需要掌握后端相关的基础知识了， 因为此时设备法它是通过后端接口来为我们提供服务的。对于后端 api 接口，还有最重要的如何通过 ctrl 或者 codex 这种 ai 编程工具去开发后端，在我们的零基础 ai 系统工程课中呢，也都有详细的介绍，还有相关的实战，我们本期的详细文档也在咱们课程的知识点中， 虽然这一节课也蛮长，但它只是我们持续加餐这一章中的一节内容，在课程中还有一个更大的前后端完善，并且自带 ai 的 智能体的案例，供你系统全面的掌握 ai 的 应用。 欢迎去看一看我们置顶的课程介绍视频吧。好，这里是字母滚烫，如果这一期的内容能够让你了解到 open design 的 使用，还有初步掌握 next 点 gs 这个开发模板以及 vise 的 部署使用，给我们点个赞吧。
1188字符滚烫
00:44查看AI文稿AI文稿沃德发这玩意居然是合法的！现在你也可以用 codex 制作一套从选品到 ai 爆款商品图的亚马逊 ai 工作流一致需求，用 skill 直接生成选品分析、市场调研、专利报告、 voc 评论分析、竞品打法、货源挖掘、关键词库表到新版 listing， 最后再用一 mate 二生成全套商品图。废话不多说，上实操，记得点赞收藏！第一步， ctrl c 加 ctrl v 给 codex 上点狠货。第二步，在 codex 里艾特 amc skill 输入需求，帮我分析美国亚马逊大件家具、电脑桌这个类目，点击发送它就会自己选择 skill， 直接搞定选品调研、专利乌塞、竞品打法、货源、词库、文案、主图九大步骤。这下美工和运营都给观众老爷们整理好了，我是跨境法老，每期用一个 skill 解决你的运营小烦恼。
166跨境法老的Ai圈
00:26查看AI文稿AI文稿兄弟们，我用 codex 编辑的 ai 自动采集工具升级了，这次可以设置采集数量、过滤、价格自动发布等，已经对接每克多平台 ipi 可以 实现自动发布了。看这里 设置后，点击立即采集，工具会自动收集商品信息，将商品信息转换成每克多发布的格式，然后我们就可以让工具自己去采集发布，我们只需要坐等结果就可以了。
500小张mwkj
01:47查看AI文稿AI文稿codex 又可以冲击电商了，一个视频讲清楚潜在机会，得益于 image 二的强大，在图片能力上达到了好用的程度。这里我把一张商品主图使用 codex 搭配 image 二，制作成了符合毛字电商风格的商品主图。这一张是干净的背景， 当然你想加文字也可以。我们可以看到 osin 里很多商品主图都是纯白干净背景。 懂行的朋友要问了，你这一张一张生成有什么用？每一张都还要提示词。关键点来了，借助 codex 的 多模态能力，能够批量并且高并发的处理大量图片。这里我挑选了九张图片，让 codex 搭配脚本，实现批量修改。 为什么不需要提示词？我们内置了一套通用提示词，使得 codex 能看懂每个商品图，并制作专属的提示词。接下来我们开始等待 好，已经完成，让我们依次对照一下， 可以看到文字被翻译过来了，同时整个图片是重置的，整个画面更加清晰锐利。 除此之外，自由品牌的主图制作同样可以胜任。我想把图片二中的鞋子替换为图片一中的产品， codex 加一秘制二同样可以处理的很好，感谢观看。
5164啊啊
01:37查看AI文稿AI文稿给 codex 一个产品方向就能完成从市场调研、评论分析到 listing 升图，并最终通过合规检测成功上架新品。这就是我通过四组 skill 实现的亚马逊全流程 s o p， 把原本一周的工作压缩到三个小时，来看看我是怎么做的。首先 从 linkfox skill 广场找到这四组 skill。 第一组 skill 叫 alexa for shopping， 核心能力是可以让 codex 模拟 alexa 对 话，进行前 期的市场调研加竞品分析。选择这个 skill 后，让 codex 在 宠物用品品类挖掘评分高且带有户外的产品。 codex 会把这些产品罗列成表，并推荐三个最值得关注的。接着我们就可以用到第二组 skill， amazon review 可以 按 a、 c、 i、 n 获取并分析亚马逊商品评论，支持十五个站点按星级筛选评论 选择 skill， 让 codex 去抓取这三个产品的评论区，分析痛点和用户的需求点。接着我们可以进一步让 codex 结合刚才的市场调研和评论分析，生成产品的 listing 文案，真正踩中用户需求，并 被 alexa 高度收入。第三组 skill 是 linkfoxai， 一 键生成主图、卖点图、场景图等商品图方案， 同样也是根据前面的层层分析生图，确保图片准确性。最后一步是用锐观的合规检测思旧，从六大维度去分析我们有没有侵权，省去了人工去不同数据库和规则里一一 比对的麻烦。视频时长有限，我的整炮 copx 亚马逊 skill 都整理好了，在 linux 广场都可以搜索到。
145LinkFoxAgent
02:12查看AI文稿AI文稿所有卖家再也不用担心你不会写 ai 提示词，生成出来的视频效果不好了。今天我教大家用的是 codex 以及领图 ai 的 一个 skill， 来帮你去生成 非常接近这个美国或者东南亚或者泰国本土的这个 ai 的 原声视频。首先第一步我们要做的是上传几个拍好的照片，因为这是历史的拍好的照片，然后告诉他用领图 content creator 给我优化产品图，然后这个产品是什么？就这块有个核心，就是你给他的图片加上提示词，要让一个小白或者要让一个新人能知道你在卖什么， 然后他就会按照我们这个平台上约束的一些呃标准去生成 ai 参考的图。大家能看到这个图其实很清晰啊，非常符合那个 ai 生成视频想要的参考要素。对，然后第二个就是，呃，因为我现在这个是个势利，所以我会说告诉他你帮我分析一下我的产品，我的目标市场是哪，目标人群是谁， 然后我想要生成视频给我几个方向，然后它就会基于你的图片以及你的呃提示词去做一个市场需求的拆解。但是这一块我建议大家通过那个拆 gpt 或者通过其他的一些模型，先把市场调研这一步做完。对，然后接下来最重要的我想针对哪一个人群设计一个十秒的短视频，这个里面全是关键字啊。 首先你要说人群，因为他会基于人群去预测这个脚本，然后第二个是十秒，因为现在模型是十秒。然后还有就是你生成的比例是九比十，六还是六比九，然后我希望的内容大概是什么样的？我希望是一个达人在介绍这个产品， 然后像是 iphone 拍出来的真实感的样子，然后给我写几个不同的脚本去生成，然后最后最最最最最关键的，为什么 codex 可以 生成视频？是因为零图 content creator 这个 skill。 对， 这是我们现在在开发的一个东西。好，目前他就会一直去升，然后升完之后我们就可以看到这个视频。 for apartment desk setups i measure before i rearrange。 对， 我觉得个人觉得个人效果还是不错的啊。然后我们可以多升一些，然后再去做混剪或者做这个，呃，就是最终把一个脚本串联起来，然后去 发到，发到那个平台上。对，然后我们其实在后面还去给这个 sku 加了一些提示的约束，所以就会让大家在用的过程中生成的质量越来越好，然后我们也会随着就是大家的用去更新这个产品。好，谢谢大家。 内容是我在过去的几天里在，嗯，深度的去把一个写代码的 codex 和我们电商的实际业务场景结合之后，然后搞出来的东西。喜欢，如果大家喜欢的话可以给我一点支持。
242AI灵感社
01:36查看AI文稿AI文稿给 products 一个方向，就能从商品调研、新品趋势判断，到爆款短视频分析、视频复刻，并最终生成自己的 tiktok 带货素材。这就是我通过四组 skill 实现的 tiktok 上架零到一全流程，把原本一周的工作压缩到三个小时，来看看我是怎么做的。首先从 linktok skill 广场找到这四组 skill。 第一组 skill 叫 igtok shop， 十六个市场最近上榜的热门新品。 选择这个 skill 后，让扣蛋帮我筛选每去 tiktok shop 里近期上榜客单价在二十到五十美金之间，并且适合短视频展示的家居收纳新品。 toad 会把这些新品罗列成表，并推荐三个最值得继续研究的商品。接着我们就可以用到第二组 skill， 它可以把刚才筛出来的商品一个个查清楚，销量、佣金平分、带货达人，这样就能判断出这个商品到底是真的卖得动， 还是被达人暂时推起来的。接着我们可以进一步让 kodak 根据筛出来的商品，用 x o t pro doc video 查询它关联的带货视频数据，包括达人播放量、互动数、 g m v， 直接找到这个商品真正能卖货的视频内容。第四组 skill 是 linux ai 视 频复刻功能，根据前面筛出来的高 g m v 视频方向，把自己的产品图和素材放进去，复刻视频的场景、节奏和商品展示方式，快速生成自己的带货视频。视频时长有限，这些 skill 从 link 广场都可以搜索到。
03:12查看AI文稿AI文稿哈喽，朋友们，那今天这个视频叫做跨界电商开挂的时刻到了，具体怎么个开挂法，今天我就展示给大家。首先第一个我感觉百分之七八十的吧，都有这个需求，就是亚马逊，亚马逊的 sale center api 其实以前有，但是你一定要程序员的知识，而且我感觉是要 水平比较高才行，但是现在不一样了，现在用这个 code， 那 现在只要去亚马逊的后台它 apps 里面去申请这个 sale api， 申请完之后把一些相关的 应用密码之类的你保存到一个文件里之后，这个 codex 就 可以提取，那他接下来就可以给你做任何的一事情，比如说我说就检测一下我店里的所有的 listing， 看看有没有哪些优化，要给一些建议之类的，他就把这些全部给拉出来了。 那之后你想要优化也只要在这个聊天窗口输入，你给我去优化一下，具体的细节你可以再指定规范一下。对，就是这么简单， 你就不用再去亚马逊的后台一个一个点开来，甚至用表格什么之类的都没有，在这个 codex 里面直接操作的更快， 而且它更智能。接下来如果你把广告或者财富数据给它会更好，那就注意广告它是有另外一套 a p i。 系统的，所以咱需要再去申请一个广告系统的 a p i。 那 财富刚刚那个 solonant 的 a p i 已经有了， 你把权限给他就行了，那你让他结合广告的 a p i 在 ceo 三的 a p i 就 两个一起给你分析，那基本上就很全了。所以之后就是上传商品打广告，优化广告，或者说是优化 listing， 做折扣，做什么秒杀促销之类的，全部在 codex 里面操作就 ok 了，而且是让他自己去跑 第二个 etsy， etsy 也是这样子的一套操作逻辑，也是后台你自己去 create a new app， 建完之后，相关的这些秘钥给到 codex 之后，它帮你上传商品，修改文案，甚至 etsy 还有一些别的国家可以帮你一键自动翻译写 tag， 诱惑广告之类的全都可以做。 e t s。 偏向一些手工一些定制类的商品，那他这边你比较需要注意一下，你得先去勾选一些你的一些合作伙伴之类的，因为我之前刚刚上传的，让他来给我上传商品的时候， 我我想让他选这个我自己做的那些别的之类，但是他通不过，他说你这个属于网上从别的采购商那里的，是属于一个合作伙伴之类的，他一定要让我去加一个这种合作伙伴的这种关系， 那也没关系，你加了之后它就审核就可以通过了，这样来看它还能帮你规避一下风险，让你的跨境电商运营更加合规划。这是亚马逊和 e t s one， 接下来 shopify 也是没有问题的， 还有 wordpress 都是没有问题的，只不过 shopify 和 wordpress 会稍微慢一点，因为这两个平台就是独立站出去，你自己定制化的东西要多一点，要有一个慢慢搭建的过程。像亚马逊和 it 基本上只是一个上传商品，优化 listing， 优化广告， 对你你那整个网页你就不用自己搭建了，那跨境电商平台现在是百花齐放。我自己是亚马逊和 it， 那 像什么沃尔玛、 tim、 每克多、虾皮之类的，你都是可以这样子去操作的， 把这个 api 接口做一个，在他们的后台创建一个 develop app 开发者工具，然后再把相关的秘钥给到 codex， 接下来就是圈圈，让 codex 给你接管。对，就是这样子一个流程，我感觉真的是特别厉害，真的是跨境电商开挂的时刻到了。
1399Rain哥聊跨境
02:13查看AI文稿AI文稿做亚马逊的各位卖家老板们听好了，今天呢，小黎来给大家分享一个能直接解放双手，拔高运营上限的宝藏 ai 工具 codex。 我 做跨境这么久了，用过无数的运营人才，也用过无数个工具，这个 ai 绝对绝对是我心目中的天花板。 我自己呢，是实操打磨了一段时间，专门适配了亚马逊的运营场景，给他配置了十六套专属的运营技能。 其实做过亚马逊的都比较清楚，你像咱们日常选品优化、 listin 搭建、广告对接测评这些工作琐碎又耗时间， 之前呢，好多人可能忙活一周，甚至说一个月才能做完整套的一个运营工作。现在借助扣代斯，短短一个小时就能高质量收尾，效率是直接翻倍的，而且输出内容专业性远超普通运营。 最关键的一点就是，我已经对接好了行业内所有主流的运营工具，像卖家精灵呀， safe、 linkforce、 领心全部打通了 m c p 数据接口，它不再单纯是只能跟你去对话的一个普通 ai。 相当于呢，给你的店铺直接聘请了一位全天候无休全能型的资深专属运营。 我就来给大家说个最直观的一个用法，你只需要上传任意一个产品的 ace， 它就能自动拆解市场竞争环境，分析受众需求，核算投入利润。同时呢，还会二次去核验数据，帮你去规避掉市场的坑点，避开侵权风险。 就是从前期的市场选品、货源资质评估、精细化关键词拓词，再到中期的详情页、图文制作、 listing 精细化优化，再到后期广告投放、大件账号的流量诊断、竞品的对标分析， 十六项功能全部覆盖亚马逊从零到一的全运营链路。我真心建议所有的跨境亚马逊卖家都去试一试，因为你用过之后就会知道什么才是适配跨境人的 ai 运营神器。
24小梨