{"id":5126,"external_id":"plugins~Plugin_d0e159446ee48191b94ce1960780cc3c","name":"build-web-apps","display_name":"Build Web Apps","developer":"OpenAI","category":"Developer Tools","listing_language":"en","listing_language_details":{"method":"cld-0.13.0/listing-v1","reliable":true,"detected_at":"2026-10-01T13:22:06Z","input_sha256":"675b5dbda687faa016652e5c3206e637e79d1e995c9d8e0fd81342034880c81d","source_fields":["release.description","release.interface.short_description","release.interface.long_description"]},"version":"0.1.2","skill_count":6,"first_seen_at":"2026-09-30T22:02:35.000Z","last_seen_at":"2026-10-01T12:00:01.032Z","last_changed_at":"2026-09-30T22:02:35.000Z","install_count":null,"research_summary":null,"research_reviewed_at":null,"metadata":{"id":"plugins~Plugin_d0e159446ee48191b94ce1960780cc3c","name":"build-web-apps","scope":"GLOBAL","status":"ENABLED","release":{"id":"pluginrel_6a27319a1f988191bb35425a13cf1600","skills":[{"name":"frontend-app-builder","interface":{"brand_color":null,"iconography":null,"display_name":"Frontend App Builder","default_prompt":"Design a new landing page for my new SaaS product.","icon_large_url":null,"icon_small_url":null,"short_description":"Build frontend apps from faithful high-taste image concepts"},"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.","plugin_release_skill_id":"pluginrsk_6a27319b71e481919e711c365ed078e9"},{"name":"frontend-testing-debugging","interface":{"brand_color":null,"iconography":null,"display_name":"Frontend Testing Debugging","default_prompt":null,"icon_large_url":null,"icon_small_url":null,"short_description":"Debug and validate rendered frontend apps with Browser-first testing loops"},"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.","plugin_release_skill_id":"pluginrsk_6a27319d32188191a33e4094cbd37729"},{"name":"react-best-practices","interface":{"brand_color":null,"iconography":null,"display_name":"React Best Practices","default_prompt":null,"icon_large_url":null,"icon_small_url":null,"short_description":"Apply React and Next.js performance optimization guidance"},"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.","plugin_release_skill_id":"pluginrsk_6a27319f02188191a5ba21f459835e8b"},{"name":"shadcn","interface":{"brand_color":null,"iconography":null,"display_name":"shadcn/ui","default_prompt":null,"icon_large_url":"https://files.openai.com/content?id=file_00000000d584722f844f5957bba6039c","icon_small_url":"https://files.openai.com/content?id=file_000000005340722f95eb1291012fb83e","short_description":"Manages shadcn/ui components — adding, searching, fixing, debugging, styling, and composing UI."},"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\".","plugin_release_skill_id":"pluginrsk_6a2731a2400081919becdb3c833eaade"},{"name":"stripe-best-practices","interface":{"brand_color":null,"iconography":null,"display_name":"Stripe Best Practices","default_prompt":null,"icon_large_url":null,"icon_small_url":null,"short_description":"Guide Stripe integration decisions and migrations"},"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.","plugin_release_skill_id":"pluginrsk_6a2731a3e55c819181a5bb66df7c1922"},{"name":"supabase-postgres-best-practices","interface":{"brand_color":null,"iconography":null,"display_name":"Supabase Postgres Best Practices","default_prompt":null,"icon_large_url":null,"icon_small_url":null,"short_description":"Optimize Postgres queries, schema design, and configuration"},"description":"Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimizing Postgres queries, schema designs, or database configurations.","plugin_release_skill_id":"pluginrsk_6a2731a553d08191b63bda1cd08622a0"}],"app_ids":[],"version":"0.1.2","keywords":[],"interface":{"category":"Developer Tools","logo_url":"https://files.openai.com/content?id=file_000000000904720c85489dfe1566657c","brand_color":"#111111","website_url":"https://openai.com/","capabilities":["Interactive","Read","Write"],"logo_url_dark":null,"default_prompt":"Design a new landing page for my new SaaS product.","developer_name":"OpenAI","default_prompts":["Design a new landing page for my new SaaS product."],"screenshot_urls":[],"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.","composer_icon_url":"https://files.openai.com/content?id=file_00000000d0cc722fa8954fc4aef6a1a3","short_description":"Build frontend-focused web apps with generated assets, browser testing, payments, and databases","plugin_category_id":"developer tools","privacy_policy_url":"https://openai.com/policies/privacy-policy/","terms_of_service_url":"https://openai.com/policies/terms-of-use/","composer_icon_dark_url":null},"description":"Build web apps with frontend asset design, browser testing, UI components, payments, and database guidance.","app_manifest":null,"display_name":"Build Web Apps","app_templates":[],"onboarding_skill_name":null,"requires_local_executor":false},"created_at":"2026-04-16T23:38:48.564867Z","is_template":false,"connector_id":null,"discoverability":"LISTED","canonical_app_id":null},"research":null,"package_metadata":{"name":"build-web-apps","author":{"url":"https://openai.com/","name":"OpenAI"},"license":"MIT","sources":[{"path":".codex-plugin/plugin.json","sha256":"7bc0085538adf72c31b5c2b42410fe699e6fe15e382fdc309cfd973c4c5db9a0"}],"version":"0.1.2","homepage":"https://openai.com/","keywords":["build-web-apps","build","product-apps","frontend","image-generation","browser-testing","frontend-debugging","stripe","supabase","shadcn","full-stack","frontend-qa"],"repository":"https://github.com/openai/plugins","artifact_id":6045,"observed_at":"2026-09-30T23:18:32Z","capabilities":["Interactive","Read","Write"],"field_sources":{"name":0,"author":0,"license":0,"version":0,"homepage":0,"keywords":0,"repository":0,"capabilities":0},"extraction_version":1,"conflicts_or_errors":[]}}