正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

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

Sac

30,554 subscribers

55,852 次观看 • 2 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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

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

钟二信

23,961 次观看 • 1 个月前

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

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

Viking

71,595 次观看 • 2 年前

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

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

领哥LingGe🙏

19,397 次观看 • 1 个月前

首个直接集成在 IDE 中的开源 AI 设计 Agent：SuperDesign，可直接在 IDE 中生成 UI 设计。通过自然语言提示就能生成完整的 UI 界面、可复用组件和线框图，并支持 Cursor、Windsurf、VS Code 等主流 AI 编辑器。 GitHub：主要特性： - 产品界面生成：通过单个提示即可创建完整 UI 界面 - UI 组件创建：生成可直接使用的可复用组件 - 线框图绘制：快速探索低保真度布局设计 - 设计分支和迭代：轻松复制和改进现有设计 - 提示词转代码：将设计提示直接复制到 AI IDE 中通过 Cursor/VS Code 市场安装插件即可使用，其中设计文件本地存储在 .superdesign/ 目录中。

首个直接集成在 IDE 中的开源 AI 设计 Agent：SuperDesign，可直接在 IDE 中生成 UI 设计。通过自然语言提示就能生成完整的 UI 界面、可复用组件和线框图，并支持 Cursor、Windsurf、VS Code 等主流 AI 编辑器。 GitHub：主要特性： - 产品界面生成：通过单个提示即可创建完整 UI 界面 - UI 组件创建：生成可直接使用的可复用组件 - 线框图绘制：快速探索低保真度布局设计 - 设计分支和迭代：轻松复制和改进现有设计 - 提示词转代码：将设计提示直接复制到 AI IDE 中通过 Cursor/VS Code 市场安装插件即可使用，其中设计文件本地存储在 .superdesign/ 目录中。

GitHubDaily

42,801 次观看 • 1 年前

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

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

AI少年

14,448 次观看 • 27 天前

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

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

爱吃折耳根的Ace

22,278 次观看 • 21 天前

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

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

小互

81,865 次观看 • 1 年前

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

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

Paidax

308,754 次观看 • 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 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～

给 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 本身更强的布局、视觉层级和设计判断，基本打通了一套完整的前端工作流～

爱丽丝呀！

120,165 次观看 • 22 天前

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

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

爱丽丝呀！

139,019 次观看 • 2 个月前

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

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

小互

24,636 次观看 • 1 个月前

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

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

千寻｜AI 分享 🌸

96,449 次观看 • 2 年前

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

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

歸藏(guizang.ai)

157,557 次观看 • 10 个月前

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

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

leon7hao

29,981 次观看 • 3 个月前

现在开发速度越快，但是你的外链是否同样高效？强烈推荐这个插件，除了1000+免费的导航站列表，还可以给到最舒适且快速的外链建设体验！插件链接放评论区👇

现在开发速度越快，但是你的外链是否同样高效？强烈推荐这个插件，除了1000+免费的导航站列表，还可以给到最舒适且快速的外链建设体验！插件链接放评论区👇

Axis Wang

15,926 次观看 • 1 年前

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

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

Viking

20,795 次观看 • 11 个月前

溜儿，把从真实网站提取的设计规范做成了现成的 DESIGN.md集合，直接丢一个DESIGN.md+描述，AI即能生成对应精美UI 就是用纯Markdown描述设计系统，AI读取它来生成对应的UI界面，直接放到根目录里，AI即能理解并生成这个库叫awesome-design-md，目前收录了50+知名网站设计，涵盖AI&LLM、开发工具、后台与数据库、金融、电商、媒体、设计等等领域每个文件包含完整设计系统规范，颜色、字体、组件、布局等，另外还附带preview.html和preview-dark.html预览文件相当于一个设计系统prompt库，AI一键生成风格一致的界面，对vibe coding来说比较实用，不过1:1复刻某品牌完整原版需谨慎 #AI设计 #awesomedesignmd #vibecoding

溜儿，把从真实网站提取的设计规范做成了现成的 DESIGN.md集合，直接丢一个DESIGN.md+描述，AI即能生成对应精美UI 就是用纯Markdown描述设计系统，AI读取它来生成对应的UI界面，直接放到根目录里，AI即能理解并生成这个库叫awesome-design-md，目前收录了50+知名网站设计，涵盖AI&LLM、开发工具、后台与数据库、金融、电商、媒体、设计等等领域每个文件包含完整设计系统规范，颜色、字体、组件、布局等，另外还附带preview.html和preview-dark.html预览文件相当于一个设计系统prompt库，AI一键生成风格一致的界面，对vibe coding来说比较实用，不过1:1复刻某品牌完整原版需谨慎 #AI设计 #awesomedesignmd #vibecoding

AIGCLINK

11,646 次观看 • 3 个月前

OKX DEX Web端自动确认上线！！在保留去中心化安全性的同时在EOA钱包中实现了自动签名刚刚试了一下，只想说：太丝滑了！！！不需要钱包弹窗，不用来回确认，一点即可更新插件到3.65.14就能用（支持Solana & EVM），插件端入口在设置⚙️- 钱包锁，网页版见录屏

OKX DEX Web端自动确认上线！！在保留去中心化安全性的同时在EOA钱包中实现了自动签名刚刚试了一下，只想说：太丝滑了！！！不需要钱包弹窗，不用来回确认，一点即可更新插件到3.65.14就能用（支持Solana & EVM），插件端入口在设置⚙️- 钱包锁，网页版见录屏

Mercy

74,874 次观看 • 1 年前

新款PummmmPro 测试完成： 1）网页版和之前pummmm一样使用TOKEN即可 2）Axiom插件版，在红猴安装脚本即可 3）GMGN插件版,也是在红猴安装脚本在此做一个活动，三连互动在评论区抽取30个体验名额为你的扫链提供超级助力每个插件的token不同，只能选择一种测试下面的链接为新品功能介绍：👇👇👇👇

新款PummmmPro 测试完成： 1）网页版和之前pummmm一样使用TOKEN即可 2）Axiom插件版，在红猴安装脚本即可 3）GMGN插件版,也是在红猴安装脚本在此做一个活动，三连互动在评论区抽取30个体验名额为你的扫链提供超级助力每个插件的token不同，只能选择一种测试下面的链接为新品功能介绍：👇👇👇👇

品味（wizard）

18,243 次观看 • 1 年前