Marble MCP Server

An MCP (Model Context Protocol) server that generates learning project links for the Marble platform (withmarble.io). This server enables Claude Code to analyze codebases and suggest relevant learning projects with direct links to create them on Marble.

Features

• Codebase Analysis: Analyzes your current codebase to understand technologies and patterns
• AI-Generated Projects: Suggests relevant learning projects based on code analysis
• Interactive Slides: Generate links to interactive learning slides based on your code
• Marble Platform Integration: Generates properly formatted links to create projects on withmarble.io
• Customizable: Specify topics, difficulty levels, and code context for tailored suggestions
• Short URLs: Stores prompts in a database for clean, shareable links (optional)

Installation

Claude Code

Run claude mcp add marble npx marble-mcp-server --scope user.

Cursor

Modify your ~/.cursor/mcp.json to be like:

{
  "mcpServers": {
    "marble": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "marble-mcp-server"
      ],
      "env": {
      }
    }
  }
}

Augment Code

1. Go to the Augment Settings.
2. Under "Tools", scroll down until you find "MCP". Click the "Import from JSON" button.
3. Paste the following JSON snippet:

{
  "mcpServers": {
    "marble": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "marble-mcp-server"
      ],
      "env": {
      }
    }
  }
}

Usage

1. Suggest Learning Projects

Ask Claude Code to suggest projects for learning something in your codebase:

"I want to learn more about React hooks. Can you suggest some projects?"

"What are some projects I could build to learn the authentication patterns used here?"

"Suggest beginner projects for learning the database design in this app"

Claude Code will:

1. Use the suggest_learning_projects tool
2. Analyze your codebase for relevant code
3. Generate 3 project ideas
4. Create Marble platform links for each project

2. Generate Interactive Learning Slides

Ask Claude Code to generate interactive slides to explain concepts in your codebase:

"Create slides explaining how React hooks work in this codebase"

"Generate slides about the authentication flow in this app"

"Make slides explaining the database schema"

Claude Code will:

1. Use the generate_slides_link tool
2. Read relevant code from your codebase
3. Create a comprehensive prompt with code examples
4. Save the prompt to the database (if configured)
5. Return a link to interactive slides on Marble

3. Generate Individual Project Links

You can also ask Claude Code to generate a link for a specific project:

"Generate a Marble link for a project about building a REST API with Express"

Configuration

Environment Variables

The generate_slides_link tool requires the following environment variables:

• SUPABASE_URL: Your Supabase project URL (required)
• SUPABASE_KEY: Your Supabase publishable key (required, starts with sb_publishable_...)
  • Find it in: Supabase Dashboard → Settings → API → Project API keys

Note: The SUPABASE_URL and SUPABASE_KEY environment variables are required for the generate_slides_link tool to work. The tool will error if these are not configured.

Security: Use your Supabase publishable key (sb_publishable_...), not the service role or secret key. The publishable key is:

• ✅ Safe to use in CLIs, MCP servers, and public code
• ✅ Can be rotated independently without downtime
• ✅ Restricted by Row Level Security policies
• ✅ The modern, recommended approach (replaces the legacy anon JWT key)

Important: Use the publishable key (sb_publishable_...), not secret or service role keys. Benefits:

• ✅ Safe to expose in CLIs, scripts, and MCP servers
• ✅ Easy rotation without downtime
• ✅ Modern best practice (replaces legacy JWT-based anon key)

The publishable key is restricted by Row Level Security (RLS) policies and can only:

• ✅ Insert new prompts into slide_prompts
• ✅ Read prompts from slide_prompts
• ❌ Cannot update, delete, or access any other tables

Note: If these variables are not set, the generate_slides_link tool will return an error. The suggest_learning_projects and generate_marble_link tools do not require database configuration.

Database storage provides:

• Creates shorter, more shareable URLs (e.g., withmarble.ai/learn?prompt_id=abc123)
• Avoids URL length limitations with long prompts
• Improves link reliability across different platforms

If not provided, the server will fall back to encoding prompts directly in URLs.

Database Setup

If using Supabase integration, you'll need to create the slide_prompts table:

CREATE TABLE slide_prompts (
  prompt_id UUID PRIMARY KEY,
  prompt TEXT NOT NULL,
  created_at TIMESTAMP WITH TIME ZONE NOT NULL DEFAULT NOW()
);

Tools Provided

suggest_learning_projects

Instructs Claude Code to analyze the codebase and suggest learning projects.

Parameters:

• topic (required): What to learn (e.g., "React hooks", "authentication")
• codeContext (optional): Specific files/directories to analyze
• difficulty (optional): "Beginner", "Intermediate", or "Advanced"

Example:

{
  "topic": "state management",
  "codeContext": "src/store",
  "difficulty": "Intermediate"
}

generate_marble_link

Generates a Marble platform link from project data.

Parameters:

• project (required): Project data object with:
  • id: Unique ID (timestamp)
  • title: Project title
  • description: Detailed description
  • category: Primary language/framework
  • difficulty: "Beginner", "Intermediate", or "Advanced"
  • timeEstimate: e.g., "2 hr", "90 min"
  • technologies: Array of technologies
  • targetSkills: Array of skills to learn

Example:

{
  "project": {
    "id": 1701234567890,
    "title": "Build a Task API",
    "description": "Create a RESTful API for managing tasks with CRUD operations and authentication.",
    "category": "Node.js",
    "difficulty": "Intermediate",
    "timeEstimate": "2 hr",
    "technologies": ["Express", "MongoDB", "JWT"],
    "targetSkills": ["REST APIs", "Authentication", "Database Design"]
  }
}

generate_slides_link

Generates a link to interactive learning slides on Marble.

Parameters:

• query (required): A comprehensive prompt that includes:
  • The main topic or concept to explain
  • Relevant code snippets from the codebase
  • Specific implementation details
  • Context about how the concept is used

Example:

{
  "query": "Explain React hooks with examples from our codebase. Here's how we use useState in UserProfile.tsx: [code snippet]. Here's how we use useEffect in DataFetcher.tsx: [code snippet]. Focus on explaining the dependency array and cleanup functions."
}

Returns: A markdown link like 🎓 [Learn: Explain React hooks...](https://withmarble.ai/learn?prompt_id=abc123)

Project Link Format

Generated links follow this format:

https://withmarble.io/projects/plan?projectData={urlEncodedJSON}

The JSON structure includes all project metadata, which is decoded by the Marble platform to populate the project creation page.

Development

Watch Mode

npm run watch

Rebuild

npm run build

Example Interaction

User: "I want to learn about the React patterns used in this codebase"

Claude Code:

1. Uses suggest_learning_projects with topic "React patterns"
2. Searches codebase for React components using Glob/Grep
3. Reads relevant files to understand patterns
4. Generates 3 project ideas:
   • Beginner: "Component Composition with Props"
   • Intermediate: "Custom Hooks for Data Fetching"
   • Advanced: "Compound Components Pattern"
5. Uses generate_marble_link for each project
6. Presents projects with Marble links

Result: User gets 3 clickable links to create these projects on withmarble.io

How It Works

1. User asks for learning projects in Claude Code
2. MCP tool is invoked by Claude Code
3. Claude Code analyzes codebase using its file reading tools
4. Projects are generated based on code analysis
5. Links are created using the Marble platform URL format
6. User clicks link to start the project on withmarble.io

License

MIT