达灵感

Build Web Apps

现代 Web 应用构建

构建包含视觉、浏览器验证、支付和数据库的现代 Web 应用。

加入项目

这个插件是做什么的

创建以前端为主的 Web 应用和视觉素材，用浏览器验证，组合 shadcn/ui，并连接 Stripe 支付与 Supabase/Postgres 数据流。

实际使用时，可以先从“设计和实现 SaaS 落地页”开始，再根据任务继续“生成视觉素材并在浏览器中验证”，并把“接入 shadcn/ui、Stripe 和 Supabase/Postgres”纳入同一流程。官方目录列出的 6 个 Skills会按具体任务参与处理。

它更适合前端与全栈开发者、独立产品开发者和需要快速搭建 SaaS 界面的团队，尤其是希望构建包含视觉、浏览器验证、支付和数据库的现代 Web 应用，并把相关资料与操作集中在 Codex 中完成的场景。

查看官方英文说明

Use Build Web Apps to create frontend application surfaces with Codex-generated visual assets, verify them with the Browser plugin and built-in app browser, compose shadcn/ui, wire Stripe payments, and design or tune Supabase/Postgres data flows.

解决什么问题

  • 网页设计、视觉资产、组件、浏览器测试、支付和数据库需要分别搭建
  • 难以设计和实现 SaaS 落地页
  • 难以生成视觉素材并在浏览器中验证
  • 难以接入 shadcn/ui、Stripe 和 Supabase/Postgres

适合哪些用户

  • 前端与全栈开发者
  • 独立产品开发者
  • 需要快速搭建 SaaS 界面的团队

适合完成哪些任务

  • 设计和实现 SaaS 落地页
  • 生成视觉素材并在浏览器中验证
  • 接入 shadcn/ui、Stripe 和 Supabase/Postgres

包含的 Skills

Skills（6）

  • Frontend App Builder

    根据高品质图像概念忠实构建前端应用

  • Frontend Testing Debugging

    通过以浏览器为先的测试循环调试并验证已渲染的前端应用

  • React Best Practices

    应用 React 和 Next.js 性能优化指南

  • shadcn/ui

    添加、查找、修复、调试、设计和组合 shadcn/ui 组件

  • Stripe Best Practices

    指导 Stripe 集成决策与迁移

使用前注意事项

安装 Build Web Apps 时可能需要连接发布者账户，具体权限取决于你的套餐、地区和工作区管理员设置。 官方标注包含 Write 能力；执行写入、修改、发送或发布前，请核对目标、内容和授权范围。 官方目录当前没有提供单条插件的最近更新时间；达灵感不会用目录同步时间冒充更新时间。

安装到 Codex

当前官方目录未提供可直接复制的命令。你可以复制下面的安装指令并发送给 Codex，Codex 会查找对应插件并发起安装确认。