30-seconds-of-code

Name: 30-seconds-of-code MCP Server
Author: Chalarangelo

GitHub

Coding articles to level up your development skills

128,650 stars JavaScript #astro #awesome-list #css #education #es6-javascript #git #html #javascript

RAW Config

Claude Desktop Configuration

Add to ~/Library/Application Support/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "30-seconds-of-code": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-30-seconds-of-code"
      ]
    }
  }
}

Cursor MCP Configuration

Add to .cursor/mcp.json in your workspace root

{
  "mcpServers": {
    "30-seconds-of-code": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-30-seconds-of-code"
      ]
    }
  }
}

NPX / Command Line Execution

Run directly with Node.js or NPX package runner

npx -y @modelcontextprotocol/server-30-seconds-of-code

Claude Desktop Configuration

Cursor MCP Configuration

NPX / Command Line Execution

Explore Related Technologies & Topics