Skip to content

mcp-tools

Directory actions

More options

Directory actions

More options

Latest commit

 

History

History

mcp-tools

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
README.md
README.md
 
 
index.html
index.html
 
 
main.js
main.js
 
 
mcp-tools.css
mcp-tools.css
 
 

README.md

MCP Tools Example

Focused browser example for the MCP integration in ClientAgentJS.

What it demonstrates

  • saving an MCP server configuration
  • calling initializeMcp()
  • calling listMcpTools()
  • calling callMcpTool()
  • enabling an MCP server in the active profile
  • running ask() with MCP tools available to the model

Run

Build the library first:

npm run build

Start the example MCP server:

cd scripts
python3 mcp_server.py

Serve the repository root with a static server and open:

  • examples/mcp-tools/index.html

Example:

python3 -m http.server 8000

Then open:

  • http://localhost:8000/examples/mcp-tools/

Suggested flow

  1. Click Save MCP Server.
  2. Click Initialize or List tools to verify connectivity.
  3. Click Create Demo Profile if you have Ollama running at http://localhost:11434/v1.
  4. Run ask() with MCP.

If you are not using Ollama, open the profile panel and create an active OpenAI-compatible profile manually, then enable the saved MCP server in that profile.

See license: ClientAgentJS