Sort by

Model Context Protocol (MCP) & API Integration

Connect external AI applications like Claude Desktop, Cursor, or your own custom web applications to your AISkillDeck library.

Claude.ai Web App Integration (Remote SSE)

Connect the official Claude.ai web client directly to your deployed AISkillDeck server on the cloud via Server-Sent Events (SSE):

Your Public SSE Endpoint URL:

https://skilldeck.ailabworks.tech/mcp/sse

Setup Steps:

Open your web browser and go to Claude.ai.
Go to Settings -> Developer Settings (or Connectors / Integrations).
Click + Add Remote MCP Server.
Enter Server Name: skilldeck, select SSE as the transport type, and paste the URL above.
Save and start a new conversation. You will see the tools icon (plug/hammer) active!

Claude Desktop Configuration

Add one of these server setups into your local claude_desktop_config.json config file:

Option A: Remote SSH Setup (Cloud-only, No local files required)

{ "mcpServers": { "skilldeck": { "command": "ssh", "args": [ "hostinger-vps", "node", "/root/vps-apps/mcp/skilldeck-mcp.js" ] } } }

Option B: Local Setup (Using local project files)

{ "mcpServers": { "skilldeck": { "command": "node", "args": ["h:/VPSAPPs/mcp/skilldeck-mcp.js"] } } }

Cursor IDE Setup

In Cursor, go to Settings -> Features -> MCP, click + Add New MCP Server, and enter:

Name: skilldeck

Type: command

Command: node h:/VPSAPPs/mcp/skilldeck-mcp.js

Web App Programmatic Integration (HTTP REST API)

Fetch prompts programmatically inside your own web applications, compile variables, and send them to your AI models:

JavaScript Fetch Example:

// 1. Authenticate to retrieve a JWT Token
const authRes = await fetch('https://skilldeck.ailabworks.tech/api/auth/login', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ username: 'YOUR_USERNAME', password: 'YOUR_PASSWORD' })
});
const { token } = await authRes.json();

// 2. Fetch details for a specific prompt by ID (e.g., ID: 5)
const promptRes = await fetch('https://skilldeck.ailabworks.tech/api/prompts/5', {
  headers: { 'Authorization': `Bearer ${token}` }
});
const prompt = await promptRes.json();

// 3. Compile template variables (e.g., replacement of {{target_language}})
const variables = { target_language: 'JavaScript' };
let compiled = prompt.content;
for (const [key, value] of Object.entries(variables)) {
  compiled = compiled.replace(new RegExp(`\\{\\{\\s*${key}\\s*\\}\\}`, 'g'), value);
}
console.log('Compiled Prompt:', compiled);

How to Use / Natural Language Commands

Once you've connected AISkillDeck via MCP, you can instruct your LLM client (Claude/Cursor) to perform operations on your library using plain English commands:

🔍 Search & List Items

"Show me all prompts related to 'SQL'."
"What skills are stored in my library?"
"List all system prompts."

📖 View Prompt Content

"Get the template content for the 'SEO expert' prompt."
"Show me the instructions for the 'Typescript Boilerplate' skill."

➕ Save / Create Assets

"Save a new skill named 'Git helper' with content: [insert commands]."
"Create a new persona called 'Python Coach' with description..."

✏️ Update & Delete

"Update the template for the 'SQL Generator' to use uppercase keywords."
"Remove the 'draft-prompt' from my AISkillDeck library."

How to Use AISkillDeck

Master your prompts, variables, integrations, and visual skill tree.

1. Understanding AI Assets & Types

AISkillDeck categorizes your prompts into four specialized types, helping you keep your workflows clean and reusable:

Prompts (AI Instructions): Standard tasks, generators, and templates with customizable variables.
AI Personas (Identity): Complete role definitions (e.g., Senior Architect, Copywriter, Debugging Partner).
System Prompts (Core Rules): High-level system behavior files used to define security limits and developer guardrails.
Skills (Workflow Blocks): Standard operating procedures, code boilerplates, and chain-of-thought instructions.

2. Compiling Variables and Templates

You can create interactive templates by wrapping variable placeholders inside double curly brackets: {{variable_name}}.

When you click on a card to view its details, AISkillDeck parses these brackets and automatically renders an Interactive Form. Fill in the fields, and the app will compile the template in real-time, allowing you to copy the fully populated prompt directly.

// Example Template Content: Write a secure connection script using {{database_name}} for a database running on {{port}}.

3. Navigating the Visual Skill Tree

Click **Skill Tree** in the sidebar to view a force-directed relational map of your library:

Interactive Nodes: Nodes represent prompts or skills. Colors correspond to the asset's type.
Dynamic Edges: Lines connect assets that share identical tags, showing clusters of skills and expertise.
Interactivity: Drag nodes around, hover over nodes for previews, zoom with the controls, or click a node to open its full detail modal.

4. Importing & Exporting Data

Manage your library locally or migrate files effortlessly:

Importing files: Click **Import** in the top bar. You can drag and drop raw .txt or .md files, or a structured .json prompt package.
Exporting: Click **Export** in the top bar to download your filtered prompts and their complete version history into a backup JSON file. You can also export individual cards using the download button in the card footer.

AISkillDeck

Skill Tree

Prompt Title

Model Context Protocol (MCP) & API Integration

Claude.ai Web App Integration (Remote SSE)

Claude Desktop Configuration

Cursor IDE Setup

Web App Programmatic Integration (HTTP REST API)

How to Use / Natural Language Commands

How to Use AISkillDeck

1. Understanding AI Assets & Types

2. Compiling Variables and Templates

3. Navigating the Visual Skill Tree

4. Importing & Exporting Data

Usage & Analytics

Library Composition

Top Utilized Assets

Recent Activity Log

Settings

OpenAI API Integration

Prompt Chaining Beta

AISkillDeck

Skill Tree

Prompt Title

Model Context Protocol (MCP) & API Integration

Claude.ai Web App Integration (Remote SSE)

Claude Desktop Configuration

Cursor IDE Setup

Web App Programmatic Integration (HTTP REST API)

How to Use / Natural Language Commands

How to Use AISkillDeck

1. Understanding AI Assets & Types

2. Compiling Variables and Templates

3. Navigating the Visual Skill Tree

4. Importing & Exporting Data

Usage & Analytics

Library Composition

Top Utilized Assets

Recent Activity Log

Settings

OpenAI API Integration

Prompt Chaining Beta

Create Prompt/Skill

Prompt Title

Interactive Form

Import Prompts / Skills

AI Auto-Create Asset

Run Prompt Chain

Step 1: Enter Initial User Inputs

Step X: [Prompt Name]

Prompt Chain Execution Completed!

Chain Interactive Flow