Installable pack

Supabase, Vercel, and Stripe builder pack

A pack for agents building SaaS products with database auth, deployments, payments, webhooks, and production checks.

Builders creating hosted web products with Supabase, Vercel, Stripe, and Next.js.

10
Selected skills
4
Install order
29K
Top adoption

Execution order

How an agent should use this pack

  1. 01

    Model

    Design database tables, auth policies, and server boundaries.

  2. 02

    Build

    Implement product flows with clear environment variables and typed APIs.

  3. 03

    Bill

    Add subscriptions, checkout, webhooks, and lifecycle handling.

  4. 04

    Deploy

    Verify build output, production URLs, logs, and mobile-critical flows.

Good fit

  • Next.js SaaS apps
  • Supabase backends
  • Stripe billing
  • Vercel deployment workflows

Review first when

  • Secrets are not available in a secure environment
  • Payment changes cannot be tested safely

Agent install plan

A machine-readable plan agents can execute.

The pack API returns install order, audit URLs, review checks, and an outcome feedback contract. Use this page for context, then call the API for the exact JSON plan.

Open text plan

Install order

  1. 01
    Vercel React Best Practices

    Trust 91/100 · Audit 91/100 · Safe to try

  2. 02
    Deploy to Vercel

    Trust 85/100 · Audit 88/100 · Safe to try

  3. 03
    Anthropic Brand Guidelines

    Trust 89/100 · Audit 90/100 · Safe to try

  4. 04
    Web Design Guidelines

    Trust 88/100 · Audit 89/100 · Safe to try

Review checklist

  • Open the audit URL for every selected skill before installation.
  • Install only inside a sandbox, local branch, or disposable workspace first.
  • Review license, recent repository activity, README/SKILL.md completeness, and dependency surface.
  • Run one narrow task before using the pack in production workflows.
  • Report success, setup friction, risk blocks, or low-quality output to the outcome endpoint.

Outcome endpoint

POST https://www.openagentskill.com/api/agent/outcome

Recommended skills

Installable shortlist for this pack

Open pack API
#2

Deploy to Vercel

Quality 100Trust 85Audit 88

Repository description

Deploy applications and websites to Vercel, including preview deployments and shareable deployment links.

29K starsSafe to trySource terms (see source)
#3

Anthropic Brand Guidelines

Quality 100Trust 89Audit 90

Repository description

Apply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.

163K starsSafe to trySource terms (see LICENSE.txt)
#4

Web Design Guidelines

Quality 100Trust 88Audit 89

Repository description

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

29K starsSafe to trySource terms (see source)
#5

Frontend Design

Quality 100Trust 89Audit 90

Repository description

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

163K starsSafe to trySource terms (see LICENSE.txt)
#6

Webapp Testing

Quality 100Trust 87Audit 89

Repository description

Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.

163K starsSafe to trySource terms (see LICENSE.txt)
#7

Canvas Design

Quality 100Trust 88Audit 89

Repository description

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

163K starsSafe to trySource terms (see LICENSE.txt)
#9

Figma Implement Design

Quality 100Trust 88Audit 89

Repository description

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

24K starsSafe to trySource terms (see source)
#10

Playwright Browser Skill

Quality 100Trust 84Audit 87

Repository description

Automate a real browser from the terminal for navigation, form filling, snapshots, screenshots, extraction, and UI-flow debugging.

24K starsSafe to trySource terms (see source)