Sap Extension Creator

A scaffolding tool for Super Agent Party extensions, which are self-contained packages that add custom chat UIs and AI tools to the platform. You get two modes: static HTML for pure frontend work, or Node.js with Express if you need backend logic. The skill walks you through package.json setup, handles the boilerplate for WebSocket connections and MCP tool registration, and enforces the three-stage lifecycle (register on open, handle calls, unregister on close). Notably strict about bilingual support and dark/light theming with CSS variables. If you're building SAP plugins and don't want to memorize the reverse proxy protocol or botch the MCP handshake, this handles the ceremony so you can focus on what your extension actually does.

GitHub stars: 2.4K
last updated: Jun 11, 2026

View on GitHub

Install

$ npx -y skills add heshengtao/super-agent-party --skill sap-extension-creator --agent claude-code

Installs into .claude/skills of the current project.

Files

SAP Extension Creator

Overview

Create Super Agent Party extensions—self-contained packages that extend the platform with custom chat UI and tools. Two modes are supported:

Static extension: Pure HTML/CSS/JS frontend, served directly by SAP from the extension folder
Node.js extension: Full-stack with Express backend, auto-managed by SAP (npm install + node index.js <port>)

Both modes support MCP tool registration (the register_node_extension_mcp protocol message works for ANY extension via WebSocket, despite the "node" in its name).

Quick Decision Tree

User wants to create an extension?
├─ Only needs UI (chat, display, simple interactions)? → Static Extension
└─ Needs backend logic (API calls, DB, file processing)? → Node.js Extension

Core Files Every Extension Needs

File	Required	Purpose
`package.json`	✅	Metadata, dependencies, window config
`index.html`	✅	Main UI (full HTML page, single-file app)
`index.js`	Node only	Node.js entry point
`node_modules/`	Node only	Auto-installed by SAP via `npm install`