Procure 3rd party services with your agent | Vercel Marketplace

VVercel
Computing/SoftwareSmall Business/StartupsInternet Technology

Transcript

00:00:00If you're building a production application, you will likely need to integrate external
00:00:05services such as databases, auth providers, and login tools.
00:00:11Setting these up manually means creating accounts, navigating through dashboards, and copying
00:00:16credentials, then wiring everything together yourself in your application.
00:00:22It works, but what if your coding agent could automatically discover and integrate these
00:00:29services for you?
00:00:30Well, this is not possible with the Vercel CLI and Marketplace.
00:00:35Let me show you.
00:00:37First, install or upgrade the Vercel CLI.
00:00:44Once you log in with Vercel, you won't need to authenticate separately with each provider.
00:00:51A single login gives both you and your agent access to all Marketplace integrations.
00:00:58Then to help your agent use the Vercel CLI, you can also install the available skill.
00:01:07Now that the CLI is set up, let's ask our agent what Vercel Marketplace integrations are available.
00:01:16Great.
00:01:20I have an idea for an app, so let's ask the agent to build it.
00:01:24Create a calendar app with Next.js, use Superbase for the database, Clerk for auth, and Stripe
00:01:32in sandbox mode for payments.
00:01:34And of course, make no mistakes.
00:01:37This will take a while, so let's fast-forward.
00:01:46Ok, setup complete.
00:01:49Leading through the agent's output, we can see it provisioned each provider, pulled in
00:01:55the environment variables, and wired everything together.
00:02:01Navigating to the Vercel dashboard, we can see it created a new project, connected each
00:02:08service, and deployed the application, all in one go.
00:02:13In practice, you would do this in smaller steps, especially when working with an existing application.
00:02:19So, let's ask the agent what else it can do.
00:02:28To summarize, you can add and remove integrations to a team, review, connect, and disconnect
00:02:34services to specific projects, check spending, set usage limits, build setup guides, and so
00:02:42much more.
00:02:43Now, you might be wondering, how does this work, and is it safe?
00:02:48The Vercel CLI exposes integrations to structured commands that agents can invoke.
00:02:53For example, when you ask your agent to list all the integrations in the marketplace, it
00:02:59runs the discover command.
00:03:02This returns structured JSON data that the agent can pass and reason about.
00:03:07When you ask the agent to install an integration, it runs the add command.
00:03:13If the integration requires additional metadata or it gets stuck, it can ask for help, then
00:03:24pass the required fields like region explicitly.
00:03:35Once the integration is installed, the agent can retrieve setup instructions with the guide command.
00:03:46As you can see, the agent doesn't execute arbitrary code.
00:03:50It interacts with the Vercel CLI, which provides structured guardrails, limited command scope,
00:03:56Putin permissions, and environment variable management.
00:04:01For critical actions, such as choosing a paid plan or accepting legal terms, the agent pauses
00:04:07and asks the human to complete the steps or redirects to the Vercel dashboard.
00:04:13Alright, that is the Vercel CLI in Marketplace, now part of your agentic workflow.
00:04:20Agents can scaffold and handle the integration setup while you make the important decisions,
00:04:26without leaving your terminal.
00:04:28Try it out today and give us your feedback.

Key Takeaway

Vercel Marketplace and CLI now empower AI coding agents to discover, provision, and integrate third-party services automatically while maintaining security through structured guardrails and human-in-the-loop checkpoints.

Highlights

Automated integration of third-party services like databases, auth, and payments via AI agents.

Unified authentication through Vercel CLI, removing the need for separate logins for each provider.

The ability to scaffold entire applications (e.g., Next.js with Supabase and Clerk) through single natural language prompts.

Structured command execution using the Vercel CLI to provide guardrails and prevent arbitrary code execution.

Human-in-the-loop security for critical actions such as selecting paid plans or accepting legal terms.

Management of environment variables and project provisioning directly from the terminal or agent interface.

Timeline

Introduction to Manual vs. Automated Integration

The speaker highlights the traditional friction of manually setting up production services like databases and authentication providers. This manual process typically involves navigating multiple dashboards and manually copying credentials into an application. The video introduces the Vercel CLI and Marketplace as a solution that allows coding agents to handle these tasks automatically. By automating discovery and integration, developers can save significant time during the initial setup phase. This section sets the stage for a paradigm shift where agents manage the infrastructure plumbing.

Setting Up Vercel CLI and Agent Skills

The demonstration begins with instructions on installing or upgrading the Vercel CLI to access the latest features. A major benefit mentioned is that a single login with Vercel grants the user and their agent access to all Marketplace integrations simultaneously. This unified authentication eliminates the need to manage separate credentials for every individual service provider. Furthermore, the speaker explains that installing specific 'skills' helps the AI agent effectively utilize the CLI commands. This technical foundation is necessary for the agent to communicate with the Vercel ecosystem.

Building an App with Agentic Workflow

The speaker demonstrates building a calendar app by giving the agent a natural language prompt specifying Next.js, Supabase, Clerk, and Stripe. The agent successfully provisions each provider, pulls in necessary environment variables, and wires the entire stack together. Upon checking the Vercel dashboard, the user can see a newly created project with all services connected and deployed. While the demo shows an all-in-one scaffold, the speaker notes that in practice, developers usually perform these steps incrementally. This highlights the agent's capability to handle complex, multi-service configurations without human intervention.

Expanded Agent Capabilities and CLI Commands

This section explores the broader range of tasks an agent can perform using the Vercel integration. Beyond simple setup, agents can add or remove integrations for a team and connect or disconnect services to specific projects. They are also capable of checking spending, setting usage limits, and generating setup guides for the development team. This administrative oversight allows the agent to act as a project manager for the cloud environment. The versatility of these tools ensures that the agent remains useful throughout the entire application lifecycle, not just during initial creation.

Security, Guardrails, and Structured Data

The video addresses the critical question of safety and how the agent interacts with the system securely. Rather than executing arbitrary code, the agent uses structured CLI commands like 'discover' and 'add' which return machine-readable JSON data. This structured approach allows the agent to reason about the marketplace offerings and request specific metadata, such as deployment regions, when needed. Guardrails are built into the CLI to limit the command scope and manage permissions strictly. This ensures that the agent operates within a controlled environment, reducing the risk of unintended system changes.

Human-in-the-Loop and Final Summary

For high-stakes actions like choosing paid tiers or signing legal agreements, the agent is designed to pause and ask for human confirmation. This 'human-in-the-loop' mechanism ensures that developers retain control over financial and legal commitments. The video concludes by emphasizing that while agents handle the tedious integration setup, humans remain the primary decision-makers. The Vercel CLI in Marketplace effectively brings the agentic workflow into the terminal for a more efficient developer experience. Viewers are encouraged to try the feature and provide feedback to the Vercel team.

Community Posts

No posts yet. Be the first to write about this video!

Write about this video