Who is the AgentForce Portal Architect skill intended for?

It is primarily designed for Salesforce Solution Engineers who need to quickly set up and customize demo portals without manually managing complex development environments.

Does this skill handle the Salesforce connection?

It automates the creation and configuration of the .env file and guides you through the process of connecting the portal to your Salesforce AgentForce API.

Can I customize the branding of the generated portal?

Yes, the skill includes a personalization phase where you can update logos, hero text, workshop highlights, and solution descriptions to match your customer's brand.

What happens if I don't have Node.js or Git installed?

The skill automatically detects missing prerequisites and can install them for you on macOS and Linux, or provide guided instructions for Windows users.

AgentForce Portal Architect

Name: AgentForce Portal Architect
Author: flemx

byflemx

0•

Productividad y Flujo de Trabajo

Automates the deployment and customization of professional Next.js demo portals for showcasing Salesforce AgentForce AI agents.

This skill provides a streamlined, automation-first workflow for Salesforce Solution Engineers to create high-fidelity demo environments. It handles the end-to-end setup process including prerequisite checks, repository cloning, dependency installation, and local server management. By automating the technical overhead of Next.js and environment configuration, it allows users to focus on personalizing branding and landing page content to create tailored customer experiences for AI agent demonstrations.

Características Principales

010 GitHub stars

02One-click repository cloning and local environment configuration

03Background development server management and port conflict resolution

04Guided Salesforce AgentForce API integration and environment variable setup

05Automated environment auditing for Node.js, Git, and system dependencies

06Interactive branding customization for logos, colors, and content

Casos de Uso

01Solution Engineers building personalized workshop landing pages for customers

02Standardizing demo environments across a global sales team

03Rapidly prototyping web-based interfaces for Salesforce AI agents

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add flemx/agentforce-playground-claude-plugins agentforce-portal

For use in Claude.ai and ChatGPT

Download Skill