Загрузка видео...

Не удалось загрузить видео

На главную

Codex做网页设计开发的正确打开方式：内置的Build Web Apps插件 该插件包含设计、ui组件、测试验收等一系列网页开发skills，直接在官方插件市场下载即可配置 下面是我用该插件做的世界杯主题网站，历史感拉满了

Saccc_c's profile picture

Sac

35,081 subscribers

56,734 просмотров • 4 месяцев назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 12

Фото профиля nishiki996
nishiki9964 месяцев назад

这个网站给什么提示词呀

Фото профиля Sac
Sac4 месяцев назад

没什么很特别的提示词，说清楚想要的板块然后结合skill和image2做的，具体流程可以看引用推

Фото профиля 凶悍的里脊肉
凶悍的里脊肉4 месяцев назад

老师灵感不会枯竭吗

Фото профиля Sac
Sac4 месяцев назад

🥰

Фото профиля willhong
willhong4 месяцев назад

这些图片都是它自己主动找的吗？还是经过提示它去互联网上找的

Фото профиля Hoody
Hoody4 месяцев назад

好东西啊

Фото профиля Sac
Sac4 месяцев назад

宝藏级别

Фото профиля 阿哲Phil
阿哲Phil4 месяцев назад

woc好牛逼

Фото профиля Sac
Sac4 месяцев назад

🫰

Фото профиля 邪修灰域档案
邪修灰域档案3 месяцев назад

这个做的很漂亮

Фото профиля SHUANG
SHUANG4 месяцев назад

这个设计很赞

Фото профиля Serdarius
Serdarius4 месяцев назад

absolute trash at ui.

Похожие видео

Codex 好像终于把插件的 Widget 也开放给第三方开发者了，现在可以像官方插件一样直接打开一个专属于这个插件的操作界面了。 之前 Cowart 用内置浏览器什么都好就是不能实现网页内的交互可以向 Codex 主对话发送提示，但如果是放在 Widget 里就支持这个协议了。 目前官方的开发者文档里还没介绍这部分，但可以直接让Codex 参考官方插件 Creative Production 来做了。
0:27

Codex 好像终于把插件的 Widget 也开放给第三方开发者了，现在可以像官方插件一样直接打开一个专属于这个插件的操作界面了。 之前 Cowart 用内置浏览器什么都好就是不能实现网页内的交互可以向 Codex 主对话发送提示，但如果是放在 Widget 里就支持这个协议了。 目前官方的开发者文档里还没介绍这部分，但可以直接让Codex 参考官方插件 Creative Production 来做了。

钟二信

23,961 просмотров • 3 месяцев назад

开发浏览器插件的福音：Extension.js 一个命令行工具一键生成支持不同浏览器插件的开发环境，内置支持 TS，React，WebAssembly 以及现代 Javascript。 试了一下，确实挺香，看官方视频感受一下，大家如果要做浏览器插件，建议直接使用这个插件。
0:34

开发浏览器插件的福音：Extension.js 一个命令行工具一键生成支持不同浏览器插件的开发环境，内置支持 TS，React，WebAssembly 以及现代 Javascript。 试了一下，确实挺香，看官方视频感受一下，大家如果要做浏览器插件，建议直接使用这个插件。

Viking

71,712 просмотров • 2 лет назад

如果你用这些网站，做不出顶级UI前端。 我让在座的一人搞一次，立贴为证。 1️⃣在线 3D / 交互设计编辑器入口。 链接： 2️⃣UI 设计灵感收集网。 链接： 3️⃣一个面向前端和 AI 编程助手的 React UI 组件 / 模板 / 主题平台。 链接： 4️⃣一个 设计资源导航站 / 工具目录 / 灵感资源库。 链接： 5️⃣一套开源的 React 组件，包含动画、交互式和完全可定制的组件。 链接：
0:32

如果你用这些网站，做不出顶级UI前端。 我让在座的一人搞一次，立贴为证。 1️⃣在线 3D / 交互设计编辑器入口。 链接： 2️⃣UI 设计灵感收集网。 链接： 3️⃣一个面向前端和 AI 编程助手的 React UI 组件 / 模板 / 主题平台。 链接： 4️⃣一个 设计资源导航站 / 工具目录 / 灵感资源库。 链接： 5️⃣一套开源的 React 组件，包含动画、交互式和完全可定制的组件。 链接：

领哥LingGe🙏

20,030 просмотров • 2 месяцев назад

勇哥使用Vercel要十分钟上线网站，我使用了一下 ChatGPT(Codex)中的 Sites 插件，从零不写一行代码开发一个网站五分钟即可上线，域名访问。 Vercel和 Cloudflare 在网站部署领域迎来强敌OpenAI 自研的Sites插件，插件功能相当丰富，详情请看我的视频。
3:50

勇哥使用Vercel要十分钟上线网站，我使用了一下 ChatGPT(Codex)中的 Sites 插件，从零不写一行代码开发一个网站五分钟即可上线，域名访问。 Vercel和 Cloudflare 在网站部署领域迎来强敌OpenAI 自研的Sites插件，插件功能相当丰富，详情请看我的视频。

AI少年

14,497 просмотров • 2 месяцев назад

给 Codex 5.6 装上这 4 个前端设计神器，做出来的网页终于有灵魂了！ 分享一套我目前实测下来最棒的 Codex 前端审美组合： 1️⃣Figma（内置插件） 直接读取设计稿、品牌规范和组件，把视觉参考像素级还原成响应式代码，不再让 Codex 凭空猜设计。 2️⃣Product Design（内置插件） 先确定产品结构和设计方向，再生成不同风格的高保真参考图，确认审美后才开始写代码，彻底告别盲写前端。 3️⃣Taste-Skill 专门负责字体、配色、留白、圆角和组件比例，还能审计并重构已有页面，消灭廉价的 AI 塑料感。 🔗地址： 4️⃣GSAP Skills 补齐 Codex 的动效设计能力，Timeline、ScrollTrigger、Flip、SplitText、SVG 动画全部支持 🔗地址： 再结合 GPT‑5.6 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～
0:32

给 Codex 5.6 装上这 4 个前端设计神器，做出来的网页终于有灵魂了！ 分享一套我目前实测下来最棒的 Codex 前端审美组合： 1️⃣Figma（内置插件） 直接读取设计稿、品牌规范和组件，把视觉参考像素级还原成响应式代码，不再让 Codex 凭空猜设计。 2️⃣Product Design（内置插件） 先确定产品结构和设计方向，再生成不同风格的高保真参考图，确认审美后才开始写代码，彻底告别盲写前端。 3️⃣Taste-Skill 专门负责字体、配色、留白、圆角和组件比例，还能审计并重构已有页面，消灭廉价的 AI 塑料感。 🔗地址： 4️⃣GSAP Skills 补齐 Codex 的动效设计能力，Timeline、ScrollTrigger、Flip、SplitText、SVG 动画全部支持 🔗地址： 再结合 GPT‑5.6 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～

Miki

16,284 просмотров • 1 месяц назад

人人影视字幕组将20年的字幕数据全部开源分享 包含几万集的各种影视字幕内容 同时还有他们开发的字幕软件和源码也一起打包 还有开发的网站设计模板和HTML页面等等 好人一身平安... 下载链接在2楼
1:43

人人影视字幕组将20年的字幕数据全部开源分享 包含几万集的各种影视字幕内容 同时还有他们开发的字幕软件和源码也一起打包 还有开发的网站设计模板和HTML页面等等 好人一身平安... 下载链接在2楼

小互

81,988 просмотров • 1 год назад

全网催爆的设计工作流来了！从单个 IP 出发，延展出整套品牌视觉 + APP 全界面设计！先用 Image2 生成高品质 UI 界面、APP 页面、运营活动页，再由 Codex 精准复刻视觉稿，最后用插件生成可直接落地的 Figma 设计稿
3:29

全网催爆的设计工作流来了！从单个 IP 出发，延展出整套品牌视觉 + APP 全界面设计！先用 Image2 生成高品质 UI 界面、APP 页面、运营活动页，再由 Codex 精准复刻视觉稿，最后用插件生成可直接落地的 Figma 设计稿

Paidax

315,193 просмотров • 4 месяцев назад

搭配新出的Unity内置插件，Codex现在真是3D游戏的神了！ 用Astra+Blender+Unity插件制作了下面这个哈利波特主题的逃亡游戏demo 从游戏资产到动作设计均由Astra完成，简直玩法无限啊
0:37

搭配新出的Unity内置插件，Codex现在真是3D游戏的神了！ 用Astra+Blender+Unity插件制作了下面这个哈利波特主题的逃亡游戏demo 从游戏资产到动作设计均由Astra完成，简直玩法无限啊

Sac

22,158 просмотров • 22 дней назад

给 Codex 5.6 装上这 4 个前端设计神器，做出来的网页终于有灵魂了！ 分享一套我目前实测下来最棒的 Codex 前端审美组合： 1️⃣Figma（内置插件） 直接读取设计稿、品牌规范和组件，把视觉参考像素级还原成响应式代码，不再让 Codex 凭空猜设计。 2️⃣Product Design（内置插件） 先确定产品结构和设计方向，再生成不同风格的高保真参考图，确认审美后才开始写代码，彻底告别盲写前端。 3️⃣Taste-Skill 专门负责字体、配色、留白、圆角和组件比例，还能审计并重构已有页面，消灭廉价的 AI 塑料感。 🔗地址： 4️⃣GSAP Skills 补齐 Codex 的动效设计能力，Timeline、ScrollTrigger、Flip、SplitText、SVG 动画全部支持 🔗地址： 再结合 GPT‑5.6 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～
0:32

给 Codex 5.6 装上这 4 个前端设计神器，做出来的网页终于有灵魂了！ 分享一套我目前实测下来最棒的 Codex 前端审美组合： 1️⃣Figma（内置插件） 直接读取设计稿、品牌规范和组件，把视觉参考像素级还原成响应式代码，不再让 Codex 凭空猜设计。 2️⃣Product Design（内置插件） 先确定产品结构和设计方向，再生成不同风格的高保真参考图，确认审美后才开始写代码，彻底告别盲写前端。 3️⃣Taste-Skill 专门负责字体、配色、留白、圆角和组件比例，还能审计并重构已有页面，消灭廉价的 AI 塑料感。 🔗地址： 4️⃣GSAP Skills 补齐 Codex 的动效设计能力，Timeline、ScrollTrigger、Flip、SplitText、SVG 动画全部支持 🔗地址： 再结合 GPT‑5.6 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～

爱丽丝呀！

123,876 просмотров • 2 месяцев назад

🚨卧槽！Codex 5.6 这几个插件装完真的会起飞 重度使用后我筛选出了这几个最能提升生产力的插件，开发体验直接上一个台阶。 核心亮点： > Browser 插件：写完交互直接让它自动化测试、点按钮、验收，比手动快太多 > GitHub 插件：Issue 一丢过去，它就能直接写代码并处理 PR，开发流程彻底闭环 > Codex Security：自动扫描漏洞和密钥泄露，还给出修复建议 > Build Web Apps：从产品构思到架构生成、开发、浏览器测试全流程跑通 > Figma 插件：设计稿丢进去，几分钟就能输出像素级还原的响应式代码 > Sentry 插件：线上报错自动定位并推送修复代码 最强功能是 Sites：做完项目可以直接预览、发布、分享，还能绑定自定义域名。 这套插件装完后，你的 Codex 基本能覆盖从设计到上线的大部分流程。 对重度使用 Codex / Cursor 类 AI 编码工具的开发者来说，这几个插件目前是生产力提升最明显的组合。 安装方式：桌面端进入 Settings → Plugins，搜索插件名称即可安装。
1:10

🚨卧槽！Codex 5.6 这几个插件装完真的会起飞 重度使用后我筛选出了这几个最能提升生产力的插件，开发体验直接上一个台阶。 核心亮点： > Browser 插件：写完交互直接让它自动化测试、点按钮、验收，比手动快太多 > GitHub 插件：Issue 一丢过去，它就能直接写代码并处理 PR，开发流程彻底闭环 > Codex Security：自动扫描漏洞和密钥泄露，还给出修复建议 > Build Web Apps：从产品构思到架构生成、开发、浏览器测试全流程跑通 > Figma 插件：设计稿丢进去，几分钟就能输出像素级还原的响应式代码 > Sentry 插件：线上报错自动定位并推送修复代码 最强功能是 Sites：做完项目可以直接预览、发布、分享，还能绑定自定义域名。 这套插件装完后，你的 Codex 基本能覆盖从设计到上线的大部分流程。 对重度使用 Codex / Cursor 类 AI 编码工具的开发者来说，这几个插件目前是生产力提升最明显的组合。 安装方式：桌面端进入 Settings → Plugins，搜索插件名称即可安装。

爱吃折耳根的Ace

22,439 просмотров • 2 месяцев назад

Codex 重磅更新：Product Design 插件上线！ 以前 Codex 代码强但 UI 审美常被吐槽 上世纪风，这次直接把产品设计思维装进大脑，审美和专业度瞬间拉满！ 下面视频展示了我用最新 Product Design 插件设计的三个网站，完全不输高级设计师～ 先设计，后开发：它不再是直接盲写代码，而是先给你 3 张不同风格的高保真参考图！ 确认了审美，再开始写代码，这种 设计驱动 的流程太专业了。 丝滑的滚动叙事、动态背景、视频卡片，交互细节拉满。 这种先定审美、再定交互、最后落地的流程，才是未来 AI 开发的终极形态！
0:43

Codex 重磅更新：Product Design 插件上线！ 以前 Codex 代码强但 UI 审美常被吐槽 上世纪风，这次直接把产品设计思维装进大脑，审美和专业度瞬间拉满！ 下面视频展示了我用最新 Product Design 插件设计的三个网站，完全不输高级设计师～ 先设计，后开发：它不再是直接盲写代码，而是先给你 3 张不同风格的高保真参考图！ 确认了审美，再开始写代码，这种 设计驱动 的流程太专业了。 丝滑的滚动叙事、动态背景、视频卡片，交互细节拉满。 这种先定审美、再定交互、最后落地的流程，才是未来 AI 开发的终极形态！

爱丽丝呀！

140,744 просмотров • 3 месяцев назад

好消息 ： WordPress 发布 WPVibe 插件 可以让 Claude 等接管你的网站 只需连接您的网站，你已经付费的 Claude 就能接管整个系统。 包括文章、上传媒体、SEO、主题，甚至主题文件，都可通过自然语言让Claude 进行处理 无需二次 AI 订阅，使用你的Claude 订阅即可 ，无需本地安装。 整套 MCP 工具箱，40+ WP-CLI 命令，一次连接搞定 能做的事，： 写文章、改页面、传图片 装和管理插件、主题 给网站做体检（哪个插件有问题、PHP 版本、为什么卡） 甚至帮你搭一套主题出来
1:45

好消息 ： WordPress 发布 WPVibe 插件 可以让 Claude 等接管你的网站 只需连接您的网站，你已经付费的 Claude 就能接管整个系统。 包括文章、上传媒体、SEO、主题，甚至主题文件，都可通过自然语言让Claude 进行处理 无需二次 AI 订阅，使用你的Claude 订阅即可 ，无需本地安装。 整套 MCP 工具箱，40+ WP-CLI 命令，一次连接搞定 能做的事，： 写文章、改页面、传图片 装和管理插件、主题 给网站做体检（哪个插件有问题、PHP 版本、为什么卡） 甚至帮你搭一套主题出来

小互

24,998 просмотров • 3 месяцев назад

这个 AI UI 网站火了，我见过最好的UI设计😃😲 Beautiful UI 是 Shane Levine 做的一套专门给 AI 原生产品设计的 UI 组件库。 以前 shadcn/ui 解决的是按钮、表格、弹窗这些传统网页组件，而 Beautiful UI 开始解决 AI 产品真正需要的东西。 里面已经做了 19 类组件：AI Thinking、流式回答、Tool Call、任务执行状态、Agent 操作前审批、引用来源、上下文卡片、AI 修改 Diff、代码生成、Prompt 输入框等等。 如果你做 Agent、AI SaaS、Claude/Cursor 类产品，很多交互几乎可以直接参考甚至复制过去。 想要网站的同学，评论区吱声……
0:44

这个 AI UI 网站火了，我见过最好的UI设计😃😲 Beautiful UI 是 Shane Levine 做的一套专门给 AI 原生产品设计的 UI 组件库。 以前 shadcn/ui 解决的是按钮、表格、弹窗这些传统网页组件，而 Beautiful UI 开始解决 AI 产品真正需要的东西。 里面已经做了 19 类组件：AI Thinking、流式回答、Tool Call、任务执行状态、Agent 操作前审批、引用来源、上下文卡片、AI 修改 Diff、代码生成、Prompt 输入框等等。 如果你做 Agent、AI SaaS、Claude/Cursor 类产品，很多交互几乎可以直接参考甚至复制过去。 想要网站的同学，评论区吱声……

比特币橙子Trader

20,305 просмотров • 1 месяц назад

ChatGPT 终于可以安装 Canva 插件了🐮 试了一下，安装 Canva 插件后，即便是设计新手也能在几秒钟内自动创建出各种各样的横幅、海报、短片等内容 ChatGPT + Canva，完美搭配！强强联手，省时又省心！ 在插件中搜索「Canva」
0:20

ChatGPT 终于可以安装 Canva 插件了🐮 试了一下，安装 Canva 插件后，即便是设计新手也能在几秒钟内自动创建出各种各样的横幅、海报、短片等内容 ChatGPT + Canva，完美搭配！强强联手，省时又省心！ 在插件中搜索「Canva」

千寻｜AI 分享 🌸

96,469 просмотров • 3 лет назад

Figma 正式推出了官方的远程 MCP 服务器，现在不需要安装 Figma 客户端 只需要在支持的软件比如 Cursor、Cluade code 里面添加，并在打开的网页里面完成账户授权就行 而且现在设计组件和前端组件的映射信息也可以通过 MCP 获取到，如果你的团队有设计系统的话，然后你的设计稿组件采用程度高 前端可以一键用 AI 生成全部的前端代码，而且保证高还原度，设计师和前端协作会到一个新的时代
0:29

Figma 正式推出了官方的远程 MCP 服务器，现在不需要安装 Figma 客户端 只需要在支持的软件比如 Cursor、Cluade code 里面添加，并在打开的网页里面完成账户授权就行 而且现在设计组件和前端组件的映射信息也可以通过 MCP 获取到，如果你的团队有设计系统的话，然后你的设计稿组件采用程度高 前端可以一键用 AI 生成全部的前端代码，而且保证高还原度，设计师和前端协作会到一个新的时代

歸藏(guizang.ai)

157,848 просмотров • 1 год назад

前段时间分享了一个从html转Design的插件，以往都是用AI直接帮我们实现，今天说一下另外的一个方案，就是网易CodeWave的D2C功能，Design to Code，设计稿转代码。 操作很简单，把设计稿导入进去，几秒钟完整页面就生成了。 支持Figma、Sketch、MasterGo这些主流设计工具，甚至截个图也能识别。 我测试了一下，对于中后台管理页面效果挺好的，可以看一下视频。 为什么质量还不错？主要几个原因： 像素级还原 用深度学习和计算机视觉技术分析设计稿细节，静态布局和响应式布局都能搞定。 组件识别准确 主流设计系统下的组件识别准确率超过80%，ElementUI、Ant Design、Arco Design都支持。自动替换成CodeWave组件，后续调整方便。 大模型加持 背后是自研多模态大模型，有5000多个设计稿、组件、布局的训练数据，不是瞎猜的AI。 我觉得适用的一些场景 比如说PC端中后台页面，表单页、列表页、数据看板之类的。 官网和活动页，PC端和移动端都行，H5页面也没问题。 动效复杂的页面和互动小游戏不太推荐，还是要手动开发。
1:05

前段时间分享了一个从html转Design的插件，以往都是用AI直接帮我们实现，今天说一下另外的一个方案，就是网易CodeWave的D2C功能，Design to Code，设计稿转代码。 操作很简单，把设计稿导入进去，几秒钟完整页面就生成了。 支持Figma、Sketch、MasterGo这些主流设计工具，甚至截个图也能识别。 我测试了一下，对于中后台管理页面效果挺好的，可以看一下视频。 为什么质量还不错？主要几个原因： 像素级还原 用深度学习和计算机视觉技术分析设计稿细节，静态布局和响应式布局都能搞定。 组件识别准确 主流设计系统下的组件识别准确率超过80%，ElementUI、Ant Design、Arco Design都支持。自动替换成CodeWave组件，后续调整方便。 大模型加持 背后是自研多模态大模型，有5000多个设计稿、组件、布局的训练数据，不是瞎猜的AI。 我觉得适用的一些场景 比如说PC端中后台页面，表单页、列表页、数据看板之类的。 官网和活动页，PC端和移动端都行，H5页面也没问题。 动效复杂的页面和互动小游戏不太推荐，还是要手动开发。

泊舟

27,888 просмотров • 8 месяцев назад

全体开发者设计师团队目光停留一下！ Lody 发布了 Remote Preview 模式，你可以在电脑或者手机随时预览开发机器上的前端界面，并且和团队成员一起对页面进行标注评论，Lody 会带着组件信息一键发送给团队的 Agent。 这意味着不再需要开发与设计的多轮对齐，不需要描述组件位置，甚至可以随着多轮修正直接让 Agent 沉淀出设计规范。 更多 Lody 的实用更新👇🏻🧵
0:44

全体开发者设计师团队目光停留一下！ Lody 发布了 Remote Preview 模式，你可以在电脑或者手机随时预览开发机器上的前端界面，并且和团队成员一起对页面进行标注评论，Lody 会带着组件信息一键发送给团队的 Agent。 这意味着不再需要开发与设计的多轮对齐，不需要描述组件位置，甚至可以随着多轮修正直接让 Agent 沉淀出设计规范。 更多 Lody 的实用更新👇🏻🧵

leon7hao

29,981 просмотров • 4 месяцев назад

Vercel 又推出了 AI Element 基于 shadcn/ui 的一系列和 AI 相关的 React 组件，非常棒。包含一系列常用场景的组件， 让我惊喜的是组件粒度非常细，还有Reasoning ， Task，WebPreivew 等等。 结合 Vercel 的 AI SDK 这些和 AI 相关的需求都齐活了，而且 API 设计的非常舒服 有了这两个，写 Chatbot 要轻松非常多了，真的想写一个基于这两个的轻量级的 Chatbot 了（只是设想啊，这玩意儿坑太多了），数据完全离线，插件化设计，可自定义的主题等等。
0:33

Vercel 又推出了 AI Element 基于 shadcn/ui 的一系列和 AI 相关的 React 组件，非常棒。包含一系列常用场景的组件， 让我惊喜的是组件粒度非常细，还有Reasoning ， Task，WebPreivew 等等。 结合 Vercel 的 AI SDK 这些和 AI 相关的需求都齐活了，而且 API 设计的非常舒服 有了这两个，写 Chatbot 要轻松非常多了，真的想写一个基于这两个的轻量级的 Chatbot 了（只是设想啊，这玩意儿坑太多了），数据完全离线，插件化设计，可自定义的主题等等。

Viking

20,795 просмотров • 1 год назад