agentforce-portal

Automate setup, configuration, and deployment of a customizable Next.js portal for Salesforce AgentForce AI agents.

2|Updated Dec 4, 2025
One-click install
npx skills add https://github.com/flemx/agentforce-playground-claude-plugins --skill agentforce-portal
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: agentforce-portal
Source: https://github.com/flemx/agentforce-playground-claude-plugins/tree/main/agentforce/skills/agentforce-portal
Command: npx skills add https://github.com/flemx/agentforce-playground-claude-plugins --skill agentforce-portal

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the setup and deployment of a customizable Next.js portal for showcasing Salesforce AgentForce AI agents, enabling Solution Engineers to create professional demo sites quickly.

Core Features & Use Cases

  • Automated Setup: Installs necessary tools (Node.js, Git) and clones the project repository.
  • Customization: Allows personalization of the landing page, branding, and agent display.
  • Salesforce Integration: Connects to your Salesforce org, configures Connected Apps, and sets up API access for agents.
  • Use Case: A Solution Engineer needs to quickly set up a demo environment for a client to showcase a new AI-powered customer service solution built with AgentForce. This Skill handles all the technical setup, allowing them to focus on the demo content.

Quick Start

Use the agentforce-portal skill to set up a customizable Next.js portal for showcasing AgentForce AI agents.

Frequently Asked Questions about agentforce-portal

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate the deployment of a Next.js portal for Salesforce AgentForce?

Automating a Next.js portal deployment for Salesforce AgentForce involves handling tool installation, project cloning, and environment configuration. This process connects your Salesforce org and configures Connected Apps for instant API access.

What is the best way to set up a demo site for Salesforce AgentForce AI agents?

The best way to set up a demo site is using an automated configuration tool that clones a Next.js project repository. This allows Solution Engineers to quickly personalize branding and landing pages to showcase custom AI agents.

Do I need Node.js and Git installed to create a customizable AgentForce portal?

Yes, Node.js and Git are required to create a customizable AgentForce portal. The automated setup process handles the installation of these necessary tools before cloning the project repository and configuring the environment.

Can I customize the branding and landing page of a Next.js portal showcasing AI agents?

Yes, you can customize the branding and landing page of a Next.js portal showcasing AI agents. The setup facilitates personalization of the display and branding for Solution Engineers creating demo environments.

How does Salesforce integration work when configuring Connected Apps for AI agents?

Salesforce integration for AI agents works by connecting to your Salesforce org and configuring Connected Apps. This establishes API access, allowing the deployed Next.js portal to communicate directly with AgentForce agents.