Update to Build Web Apps

{
  "canonical_app_id": null,
  "connector_id": null,
  "created_at": "2026-04-16T23:38:48.564867Z",
  "discoverability": "LISTED",
  "id": "plugins~Plugin_d0e159446ee48191b94ce1960780cc3c",
  "is_template": false,
  "is_template_instance": false,
  "name": "build-web-apps",
  "release": {
    "app_ids": [],
    "app_manifest": null,
    "app_templates": [],
    "description": "Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.",
    "display_name": "Build Web Apps",
    "id": "pluginrel_6a27319a1f988191bb35425a13cf1600",
    "interface": {
      "brand_color": "#111111",
      "capabilities": [
        "Interactive",
        "Read",
        "Write"
      ],
      "category": "Developer Tools",
      "composer_icon_dark_url": null,
      "composer_icon_url": "https://files.openai.com/content?id=file_00000000d0cc722fa8954fc4aef6a1a3",
      "default_prompt": "Design a new landing page for my new SaaS product.",
      "default_prompts": [
        "Design a new landing page for my new SaaS product."
      ],
      "developer_name": "OpenAI",
      "logo_url": "https://files.openai.com/content?id=file_000000000904720c85489dfe1566657c",
      "logo_url_dark": null,
      "long_description": "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.",
      "plugin_category_id": "developer tools",
      "privacy_policy_url": "https://openai.com/policies/privacy-policy/",
      "screenshot_urls": [],
      "short_description": "Build frontend-focused web apps with generated assets, browser testing, payments, and databases",
      "terms_of_service_url": "https://openai.com/policies/terms-of-use/",
      "website_url": "https://openai.com/"
    },
    "keywords": [],
    "mcp_servers": [],
    "onboarding_skill_name": null,
    "requires_local_executor": false,
    "skills": [
      {
        "description": "Use for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from scratch, or when the user explicitly asks for a redesign/restyle/modernization. Builds from clean, airy, high-taste, readable image-generated concept design with section-specific references, faithful implementation, and browser testing.",
        "interface": {
          "brand_color": null,
          "default_prompt": "Design a new landing page for my new SaaS product.",
          "display_name": "Frontend App Builder",
          "icon_large_url": null,
          "icon_small_url": null,
          "iconography": null,
          "short_description": "Build frontend apps from faithful high-taste image concepts"
        },
        "name": "frontend-app-builder",
        "plugin_release_skill_id": "pluginrsk_6a27319b71e481919e711c365ed078e9"
      },
      {
        "description": "Use when testing, debugging, or making targeted improvements to rendered frontend apps through the Build Web Apps or web dev plugin: local dev servers, UI regressions, interaction bugs, console errors, responsive layout, and visual QA. Check whether the Browser plugin is available and use it first when it is; otherwise use regular Playwright with the recorded reason.",
        "interface": {
          "brand_color": null,
          "default_prompt": null,
          "display_name": "Frontend Testing Debugging",
          "icon_large_url": null,
          "icon_small_url": null,
          "iconography": null,
          "short_description": "Debug and validate rendered frontend apps with Browser-first testing loops"
        },
        "name": "frontend-testing-debugging",
        "plugin_release_skill_id": "pluginrsk_6a27319d32188191a33e4094cbd37729"
      },
      {
        "description": "React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.",
        "interface": {
          "brand_color": null,
          "default_prompt": null,
          "display_name": "React Best Practices",
          "icon_large_url": null,
          "icon_small_url": null,
          "iconography": null,
          "short_description": "Apply React and Next.js performance optimization guidance"
        },
        "name": "react-best-practices",
        "plugin_release_skill_id": "pluginrsk_6a27319f02188191a5ba21f459835e8b"
      },
      {
        "description": "Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for \"shadcn init\", \"create an app with --preset\", or \"switch to --preset\".",
        "interface": {
          "brand_color": null,
          "default_prompt": null,
          "display_name": "shadcn/ui",
          "icon_large_url": "https://files.openai.com/content?id=file_00000000d584722f844f5957bba6039c",
          "icon_small_url": "https://files.openai.com/content?id=file_000000005340722f95eb1291012fb83e",
          "iconography": null,
          "short_description": "Manages shadcn/ui components — adding, searching, fixing, debugging, styling, and composing UI."
        },
        "name": "shadcn",
        "plugin_release_skill_id": "pluginrsk_6a2731a2400081919becdb3c833eaade"
      },
      {
        "description": "Guides Stripe integration decisions — API selection (Checkout Sessions vs PaymentIntents), Connect platform setup (Accounts v2, controller properties), billing/subscriptions, Treasury financial accounts, integration surfaces (Checkout, Payment Element), and migrating from deprecated Stripe APIs. Use when building, modifying, or reviewing any Stripe integration — including accepting payments, building marketplaces, integrating Stripe, processing payments, setting up subscriptions, or creating connected accounts.",
        "interface": {
          "brand_color": null,
          "default_prompt": null,
          "display_name": "Stripe Best Practices",
          "icon_large_url": null,
          "icon_small_url": null,
          "iconography": null,
          "short_description": "Guide Stripe integration decisions and migrations"
        },
        "name": "stripe-best-practices",
        "plugin_release_skill_id": "pluginrsk_6a2731a3e55c819181a5bb66df7c1922"
      },
      {
        "description": "Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or database configurations.",
        "interface": {
          "brand_color": null,
          "default_prompt": null,
          "display_name": "Supabase Postgres Best Practices",
          "icon_large_url": null,
          "icon_small_url": null,
          "iconography": null,
          "short_description": "Optimize Postgres queries, schema design, and configuration"
        },
        "name": "supabase-postgres-best-practices",
        "plugin_release_skill_id": "pluginrsk_6a2731a553d08191b63bda1cd08622a0"
      }
    ],
    "version": "0.1.2"
  },
  "scope": "GLOBAL",
  "share_url": "https://chatgpt.com/plugins/build-web-apps?open_in_app",
  "status": "ENABLED"
}