大数跨境

带大家了解一下codex的具体的几个应用,并从0开始做了一个穿搭网站

带大家了解一下codex的具体的几个应用,并从0开始做了一个穿搭网站 零属的设计小屋
2026-07-21
2
导读:给大家分享一个从0到1制作的穿搭网站
说在前面
最近在研究如何做智能体方面的东西,主要是觉得自己每天摄入的东西有一些杂乱,这些年也总结了自己的一些方法论和经验,想着借助ai让他把我的方法论和经验做一个知识库。当然这是后话,短时间估计完不成。
好,那我们本篇就开始去讲一下这个agent。这里我主要说一下codex。国内也有很多别的智能体,其实原理都是差不多的,会一个基本就是触类旁通了。
大家肯定会有一个疑问,我们所用的智能体和平时的豆包,deepseek对话有什么不同。
讲一下智能体的概念:

简单一句话:接收一个目标,能自主感知环境、自主思考、循环纠错,自主完成一套完整任务的AI程序。

本以为这个东西大家很多都在尝试和使用,后来才知道这是一种信息房,身边很多人甚至谷歌账号都不知怎么注册。
说一下智能体的作用,按照我的理解学习,有如下功能:

第一大作用:电脑本地文件操作

可以对我们的电脑进行读取和操作,比如你给他一个你电脑的文件夹,它可以帮你对这些表格以及文件重新命名和批量处理任务,这个是很方便的。
首先项目这里打开使用现有文件夹
放入我之前建好的文件夹
这里我给了下面的任务:
然后他就自动帮我们命名好了。触类旁通,我们做表格什么的也是没问题的。
第二大作用:网页程序app开发
这个是本篇要讲解的一个重点,他是可以做网站和app的,以前真的是不敢想的,这个我最后给大家演示。卖个关子啦
第三大作用:插件skill

插件:主要和外部平台和工具连接的作用,比如我们部署网站就可以用到这个插件,这个还是先不说具体能干什么,后面我将通过案例具体来去尝试。



skill:就是把我们的方法,经验和一些流程总结成一个独立的工具,比如我们做一个竞品分析,这些都是有固定sop的,这个就可以做一个skill


比如我在对话框输入下面的内容:



前期已经接入了飞书CLI到codex里面了,让他在飞书中直接写


他就在飞书他自动生成了:




下次我们做别的竞品分析就可以用上面这一套策划逻辑了。codex就可以稳定输出了。(输入/即可调用我们的skill,或者是输入相关关键词就有啦)



第四大作用:自动化定时任务

也可以将上面我做的竞品分析每周定时更新一篇别的产品的竞品分析报告,他也会自动到时间帮我们分析甚至可以帮我们发布。(发布得需要别的CLI)这个可以让codex直接装就好了。


重头戏来喽,我们做一个具体的项目。

比如我的诉求是:想做一个男性按照身材和面部头型匹配相应穿搭的网站。

在这里插播一下我们要装的插件:

1.底层环境准备

Node.js   所有JS工具的运行基础,必须第一个装。让我们编写的代码运行起来,Windows 中使用终端运行


Cursor(AI 编程工具,可以将你描述的需求自动生成代码)


2.项目初始化


Git init 代码版本/管理工具,代码仓库。通过 Git 可以将自己的代码存放到云端


3.项目上线

Netlify(无域名国内可以用)/Vercel (有域名国外访问可用)


注:Netlify也是全球主流静态网站一键部署平台,代码开发完成后,将项目部署到Netlify发布上线


扩展(这个不是插件,只是常见,给大家普及一下)

CLI:就是AI智能体的官方接口,让我们操纵软件的,比如飞书。

MCP:相当万能USB接口,是一套通信协议。

AGENT.md:ai智能体的项目规则说明书


好,我们继续说。

首先打开计划模式:


输入我的需求(他会向我提问)


如果他给的不满意,也可以自己写。


然后用Netlify插件把网站部署上去(前面我们要安装的)


最后再用浏览器控制这个插件打开网址就好了。



接着部署这个网站


我们就做成了属于自己的第一个网站。可以打开测试的,我目前的token只够做男士的哈哈哈,毕竟博主也想测一下自己的体型适合什么衣服。如果大家有需要我在搞一个适合女生的穿搭网站哈哈。
网址:https://xingda-style-mvp.netlify.app
这个网站的思路就是根据你的身高体重身材照片而确定你适合什么样的衣服搭配。由于时间比较紧,还没完全打磨好。只是粗加工。
好,那我们的内容就全部讲解完了。本来是想着分好几篇文章讲解的,不过没啥必要,我又不吃流量,就给大家浓缩了一下,同时自己也是理清一下这个逻辑。也感谢我的好友帮我问了她们公司技术小哥一些编程的东西。
说在后面:
最近发现很多的自媒体博主在都自己去做skill以及一些app的应用。你会发现现在做一件事的节奏会变得跟快。其实大家不要慌,本质上都是在做一些我们所熟知的事情,比如开店啊,售卖产品。以前做app的成本很高,现在agent的出现能快速基于我们的想法自己去制作了。
还有一些设计师和一些自媒体博主自己的经验总结做成了一个智能体以及skill方便下次去调用,有一个很大的用处就是agent可以把我们的经验不断总结,今后会是一个不断迭代的过程,也更懂我们想要表达什么,其实说是不迷茫是假的。
最近接触的很多人都是打算做一人公司,自己创业,当身边很多人都在创业做产品的时候,那么我们的核心竞争力是什么,是自己产品的差异化还是服务的差异化,仅仅是自己的效率快吗,真的是有待后续的考究和证实。
如果觉得本篇对你有帮助,麻烦随手点个赞以及转发吧,如果想第一时间收到推送,也可以给我个星标⭐。欢迎来撩图片图片图片

【声明】内容源于网络
0
0
零属的设计小屋
1234
内容 136
粉丝 0
零属的设计小屋 1234
总阅读1
粉丝0
内容136