plugin CX Codex GP ChatGPT official · OpenAI

build-web-apps — Codex plugin for building web apps

Build web app frontends, create visual assets, and test interfaces in a browser. The plugin also includes focused guidance for React, payments, and databases.

Open on GitHub

What build-web-apps does

This plugin supports web app work from frontend implementation to visual assets and browser-based checks. Its focused guidance covers React and Next.js, shadcn/ui, Stripe, and Supabase/Postgres.

Six skills are included: frontend building, testing and debugging, plus best practices for React, shadcn/ui, Stripe, and Supabase. Pick the relevant area for the task. The Stripe skill covers payment guidance, while browser testing is handled separately.

The plugin is listed for Codex and ChatGPT. No installation command is provided in its description.

What it helps with

implement a web app frontend
create visual assets for a website
test an interface in a browser
apply React and Next.js guidance
get Stripe or Supabase/Postgres guidance

Example prompts for the agent

Build the frontend for this web app and create visual assets for it.
Test this app's interface in a browser and find issues.
Show me how to use Stripe in this web app.

Questions about build-web-apps

How do I install build-web-apps in Codex?

The plugin is intended for Codex and ChatGPT. Use the plugin installation method available in your environment.

What does build-web-apps do?

It helps build web app frontends, create visual assets, and test interfaces in a browser. It also provides focused skills for several web technologies.

Which technologies do the build-web-apps skills cover?

The skills cover React, Next.js, shadcn/ui, Stripe, and Supabase/Postgres, alongside frontend building, testing, and debugging.

Source text

build-web-apps · MIT

# Build Web Apps Plugin

Builder workflows for frontend apps, designing new websites, shadcn/ui, Stripe, and Supabase/Postgres.

## Skills

- `frontend-app-builder`
- `frontend-testing-debugging`
- `react-best-practices`
- `shadcn-best-practices`
- `stripe-best-practices`
- `supabase-best-practices`

## Purpose

Use for web app builds that need frontend implementation with generated visual assets and browser testing, plus focused React/Next.js, shadcn/ui, Stripe, or Supabase/Postgres guidance when those areas are needed.

Similar plugins

All plugins for Frontend and UI →

impeccable pbakaus Hands your agent a designer's vocabulary: 24 commands like polish, audit and bolder, so UI feedback stops being “make it pretty”. ★ 88,212repo stars hyperframes HeyGen Renders deterministic MP4 videos from HTML and CSS via agent prompts. Useful for creating animated clips and styled captions. ★ 72,481repo stars typescript-lsp official Anthropic Adds TypeScript and JavaScript language server support to Claude Code. It provides definition lookups, reference finding, and error diagnostics across project files. ★ 44,635repo stars playground official Anthropic Builds a single-file HTML playground with visual controls, a live preview and a prompt you can copy back into Claude. ★ 44,635repo stars frontend-design official Anthropic A Claude skill that pushes frontend work toward distinctive typography, palettes and animation instead of the usual AI-generated layouts. ★ 44,635repo stars fakechat official anthropics A local web chat for testing Claude Code channel notifications. Browser messages reach the session, and assistant replies return to the same thread. ★ 44,635repo stars

From the same set360

The whole set →