1. Click on "Install Server".

2. Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.

3. In the chat, type @ followed by the MCP server name and your instructions, e.g., "@Cline Personas MCP Server activate the welcome persona"

That's it! The server will respond to your query, and you can continue using it as needed.

Here is a step-by-step guide with screenshots.

npm install

npm run build

import { ComponentPersonaService } from './src/service';

const service = new ComponentPersonaService(process.cwd());

// Create a new component
service.setComponent('greeting', 'Welcome message', 'Hello {{name}}!', 1);

// Get a component
const component = service.getComponent('greeting');

// List all components
const components = service.listComponents();

// Create a new persona
service.setPersona(
 'welcome',
 'Welcome persona',
 '{{greeting}}\nPlease enjoy your stay!',
 1
);

// Activate a persona
service.activatePersona('welcome');

// Get active persona
const active = service.getActivePersona();

.cline-personas/
 components/
 [component-name].json
 personas/
 [persona-name].json
src/
 component.ts # Component class and operations
 persona.ts # Persona class and template rendering
 service.ts # Main service implementation
 index.ts # MCP server entry point
test/ # Unit tests

npm test

npm run build

npm start

Looking for Admin?