Agent Skills: MCP Code Mode

MCP orchestration via TypeScript execution for efficient multi-tool workflows. Use Code Mode for ALL MCP tool calls (ClickUp, Notion, Figma, Webflow, Chrome DevTools, etc.). Provides 98.7% context reduction, 60% faster execution, and type-safe invocation. Mandatory for external tool integration.

UncategorizedID: MichelKerkmeester/opencode-dev-environment/mcp-code-mode

Install this agent skill to your local

pnpm dlx add-skill https://github.com/MichelKerkmeester/opencode-spec-kit-framework/tree/HEAD/.opencode/skills/mcp-code-mode

Skill Files

Browse the full folder contents for mcp-code-mode.

Download Skill

Loading file tree…

.opencode/skills/mcp-code-mode/SKILL.md

Skill Metadata

Name
mcp-code-mode
Description
"MCP orchestration via TypeScript execution. Use Code Mode for ALL external MCP tool calls; ~98% context reduction, type-safe."
<!-- Keywords: mcp-code-mode, typescript-execution, multi-tool-workflow, tool-orchestration, context-reduction, progressive-discovery, external-api-integration, mcp-server -->

MCP Code Mode

Execute TypeScript code with direct access to 200+ MCP tools through progressive disclosure. Code Mode eliminates context overhead by loading tools on-demand, enabling complex multi-tool workflows in a single execution with state persistence and built-in error handling.

1. WHEN TO USE

Use Code Mode When

MANDATORY for ALL MCP tool calls:

  • ✅ Calling ClickUp, Notion, Figma, MyService, Chrome DevTools, or any other MCP tools
  • ✅ Accessing external APIs through MCP servers
  • ✅ Managing tasks in project management tools
  • ✅ Interacting with design tools, databases, or services
  • ✅ Browser automation and web interactions

Benefits over traditional tool calling:

  • 🚀 98.7% context reduction - 1.6k tokens vs 141k for 47 tools
  • 60% faster execution - Single execution vs 15+ API round trips
  • 🔗 State persistence - Data flows naturally between operations
  • 🛡️ Type safety - Full TypeScript support with autocomplete
  • 🎯 Progressive loading - Tools discovered on-demand, zero upfront cost

Do NOT Use Code Mode For

Use native tools instead:

  • ❌ File operations (use Read, Write, Edit tools)
  • ❌ Text searching (use Grep tool)
  • ❌ File discovery (use Glob tool)
  • ❌ Bash commands (use Bash tool)
  • ❌ Continuity recovery (use /speckit:resume first; only use native Spec Kit Memory tools after handover.md -> _memory.continuity -> spec docs has been exhausted)
  • ❌ Sequential Thinking (call sequential_thinking_sequentialthinking() directly - NATIVE MCP)

See Section 4 for details on Native MCP vs Code Mode distinction.

Common Use Cases

| Scenario | Code Mode Approach | Benefit | | ---------------------------- | ----------------------------------------------------------------------- | --------------------------- | | Create ClickUp task | call_tool_chain({ code: "await clickup.clickup_create_task({...})" }) | Type-safe, single execution | | Multi-tool workflow | Figma → ClickUp → MyService in one execution | State persists, 5× faster | | Browser automation | Chrome DevTools MCP for testing/screenshots | Sandboxed, reliable | | Design-to-implementation | Fetch Figma design → Create task → Update CMS | Atomic workflow | | External API access | Any MCP server (Notion, GitHub, etc.) | Progressive tool loading |


2. SMART ROUTING

Resource Loading Levels

| Level | When to Load | Resources | | ----------- | ------------------------ | ---------------------------- | | ALWAYS | Every skill invocation | Core quick reference | | CONDITIONAL | If intent signals match | Intent-mapped references | | ON_DEMAND | Only on explicit request | Full configuration/workflows |

Smart Router Pseudocode

The authoritative routing logic for scoped loading, weighted intent scoring, and ambiguity handling.

  • Pattern 1: Runtime Discovery - discover_markdown_resources() recursively inventories references/ and assets/.
  • Pattern 2: Existence-Check Before Load - load_if_available() guards paths, checks inventory, and de-duplicates with seen.
  • Pattern 3: Extensible Routing Key - intent and command signals select Code Mode routing labels.
  • Pattern 4: Multi-Tier Graceful Fallback - UNKNOWN_FALLBACK returns a disambiguation checklist and missing matches return a "no knowledge base" notice.
from pathlib import Path

SKILL_ROOT = Path(__file__).resolve().parent
RESOURCE_BASES = (SKILL_ROOT / "references", SKILL_ROOT / "assets")
DEFAULT_RESOURCE = "references/workflows.md"

INTENT_SIGNALS = {
    "NAMING": {"weight": 4, "keywords": ["tool not found", "naming", "prefix", "format"]},
    "SETUP": {"weight": 4, "keywords": ["setup", "install", "configure", ".utcp_config", ".env"]},
    "VALIDATE": {"weight": 4, "keywords": ["validate", "validation", "check config", "schema"]},
    "CATALOG": {"weight": 3, "keywords": ["what tools", "list tools", "discover tools", "catalog"]},
    "WORKFLOW": {"weight": 3, "keywords": ["workflow", "orchestrate", "multi-tool", "error handling"]},
    "ARCHITECTURE": {"weight": 2, "keywords": ["architecture", "token", "performance", "internals"]},
}

RESOURCE_MAP = {
    "NAMING": ["references/naming_convention.md"],
    "SETUP": ["references/configuration.md", "assets/config_template.md", "assets/env_template.md"],
    "VALIDATE": ["references/configuration.md", "references/naming_convention.md"],
    "CATALOG": ["references/tool_catalog.md"],
    "WORKFLOW": ["references/workflows.md"],
    "ARCHITECTURE": ["references/architecture.md"],
}

COMMAND_BOOSTS = {
    "search_tools": "CATALOG",
    "list_tools": "CATALOG",
    "tool_info": "CATALOG",
    "call_tool_chain": "WORKFLOW",
}

LOADING_LEVELS = {
    "ALWAYS": [DEFAULT_RESOURCE],
    "ON_DEMAND_KEYWORDS": ["full config", "deep dive", "full workflow", "all tools", "call_tool_chain", "tool chain", "mcp tools", "tool catalog", "code mode"],
    "ON_DEMAND": ["references/configuration.md", "references/workflows.md"],
}

def _task_text(task) -> str:
    parts = [
        str(getattr(task, "query", "")),
        str(getattr(task, "text", "")),
        " ".join(getattr(task, "keywords", []) or []),
        str(getattr(task, "command", "")),
    ]
    return " ".join(parts).lower()

def _guard_in_skill(relative_path: str) -> str:
    resolved = (SKILL_ROOT / relative_path).resolve()
    resolved.relative_to(SKILL_ROOT)
    if resolved.suffix.lower() != ".md":
        raise ValueError(f"Only markdown resources are routable: {relative_path}")
    return resolved.relative_to(SKILL_ROOT).as_posix()

def discover_markdown_resources() -> set[str]:
    docs = []
    for base in RESOURCE_BASES:
        if base.exists():
            docs.extend(p for p in base.rglob("*.md") if p.is_file())
    return {doc.relative_to(SKILL_ROOT).as_posix() for doc in docs}

def score_intents(task) -> dict[str, float]:
    """Weighted intent scoring from request text and signals."""
    text = _task_text(task)
    scores = {intent: 0.0 for intent in INTENT_SIGNALS}
    for intent, cfg in INTENT_SIGNALS.items():
        for keyword in cfg["keywords"]:
            if keyword in text:
                scores[intent] += cfg["weight"]
    command = str(getattr(task, "command", "")).lower()
    for signal, intent in COMMAND_BOOSTS.items():
        if signal in command:
            scores[intent] += 4
    return scores

def select_intents(scores: dict[str, float], ambiguity_delta: float = 1.0, max_intents: int = 2) -> list[str]:
    ranked = sorted(scores.items(), key=lambda item: item[1], reverse=True)
    if not ranked or ranked[0][1] <= 0:
        return ["WORKFLOW"]
    selected = [ranked[0][0]]
    if len(ranked) > 1 and ranked[1][1] > 0 and (ranked[0][1] - ranked[1][1]) <= ambiguity_delta:
        selected.append(ranked[1][0])
    return selected[:max_intents]

def route_code_mode_resources(task):
    inventory = discover_markdown_resources()
    scores = score_intents(task)
    intents = select_intents(scores, ambiguity_delta=1.0)
    loaded = []
    seen = set()

    def load_if_available(relative_path: str) -> None:
        guarded = _guard_in_skill(relative_path)
        if guarded in inventory and guarded not in seen:
            load(guarded)
            loaded.append(guarded)
            seen.add(guarded)

    for relative_path in LOADING_LEVELS["ALWAYS"]:
        load_if_available(relative_path)

    if max(scores.values() or [0]) < 0.5:
        return {
            "routing_key": "code-mode",
            "intents": intents,
            "intent_scores": scores,
            "load_level": "UNKNOWN_FALLBACK",
            "needs_disambiguation": True,
            "disambiguation_checklist": ["Confirm tool discovery, setup, validation, or workflow need", "Confirm target MCP/tool family", "Provide the tool call or error if available"],
            "resources": loaded,
        }

    matched_intents = []
    for intent in intents:
        before_count = len(loaded)
        for relative_path in RESOURCE_MAP.get(intent, []):
            load_if_available(relative_path)
        if len(loaded) > before_count:
            matched_intents.append(intent)

    text = _task_text(task)
    if any(keyword in text for keyword in LOADING_LEVELS["ON_DEMAND_KEYWORDS"]):
        for relative_path in LOADING_LEVELS["ON_DEMAND"]:
            load_if_available(relative_path)

    if not loaded:
        load_if_available(DEFAULT_RESOURCE)

    result = {"routing_key": "code-mode", "intents": intents, "intent_scores": scores, "resources": loaded}
    if not matched_intents:
        result["notice"] = f"No knowledge base found for intent(s): {', '.join(intents)}"
    return result

3. HOW IT WORKS

Critical Naming Pattern

The #1 most common error when using Code Mode is using wrong function names. All MCP tool calls MUST follow this pattern:

{manual_name}.{manual_name}_{tool_name}

Examples:

Correct:

await myservice.myservice_sites_list({});
await clickup.clickup_create_task({...});
await figma.figma_get_file({...});

Wrong (missing manual prefix):

await myservice.sites_list({});        // Error: Tool not found
await clickup.create_task({...});    // Error: Tool not found

See references/naming_convention.md for complete guide with troubleshooting.

Context Parameter

Many Code Mode tools require a context parameter (15-25 words) for analytics:

await myservice.myservice_sites_list({
  context: "Listing sites to identify collection structure for CMS update"
});

This helps with usage tracking and debugging.

Tool Name Translation

Note: list_tools() returns names in a.b.c format (e.g., myservice.myservice.sites_list). To call the tool, use underscore format: myservice.myservice_sites_list(). The tool_info() function shows the correct calling syntax.

Basic Workflow

  1. Discover tools with search_tools() or list_tools().
  2. Confirm exact callable syntax with tool_info().
  3. Execute call_tool_chain() with {manual_name}.{manual_name}_{tool_name} calls.
  4. Return structured state from the TypeScript block.

Full multi-tool examples live in references/workflows.md.


4. PROJECT CONFIGURATION

Two MCP Configuration Systems

IMPORTANT: Code Mode only accesses tools in .utcp_config.json. Native MCP tools are NOT accessed through Code Mode.

1. Native MCP (opencode.json) - Direct tools (call directly, NOT through Code Mode):

  • Sequential Thinking: sequential_thinking_sequentialthinking()
  • Spec Kit continuity + memory: /speckit:resume for recovery; native Spec Kit Memory tools such as session_bootstrap(), session_resume(), memory_context(), and memory_search() when canonical packet sources need deeper support
  • Code Mode server: The Code Mode tool itself
  • Note: Some AI environments have built-in extended thinking capabilities that may supersede Sequential Thinking MCP.

2. Code Mode MCP (.utcp_config.json) - External tools accessed through Code Mode:

  • MCP Config: .utcp_config.json (project root)
  • Environment Variables: .env (project root)
  • External tools: MyService, Figma, Chrome DevTools, ClickUp, Notion, etc.
  • These are accessed via call_tool_chain() wrapper

How to Discover Available Code Mode Tools

These discovery methods ONLY work for Code Mode tools in .utcp_config.json They do NOT show Sequential Thinking (which is in .mcp.json)

Step 1: Check Configuration

// Read .utcp_config.json to see configured Code Mode MCP servers
// Look for "manual_call_templates" array
// Each object has a "name" field (this is the manual name)
// Check "disabled" field - if true, server is not active

// NOTE: Sequential Thinking is NOT in this file
// Sequential Thinking is in .mcp.json and called directly

Step 2: Use Progressive Discovery

// Search for Code Mode tools by description
const tools = await search_tools({
  task_description: "browser automation",
  limit: 10
});

// List all available Code Mode tools
const allTools = await list_tools();

// Get info about a specific Code Mode tool
const info = await tool_info({
  tool_name: "server_name.server_name_tool_name"
});

// NOTE: These discovery tools are part of Code Mode
// They only show tools configured in .utcp_config.json
// Sequential Thinking will NOT appear in these results

Critical Naming Convention (Code Mode Tools Only)

See Section 3: Critical Naming Pattern for the complete guide.

Quick reminder: {manual_name}.{manual_name}_{tool_name} (e.g., myservice.myservice_sites_list())

Sequential Thinking Exception:

  • NOT in .utcp_config.json - uses native MCP tools
  • Call directly: sequential_thinking_sequentialthinking()
  • Does NOT use call_tool_chain()
  • Sequential Thinking MCP provides structured reasoning for complex multi-step problems.

Configuration Structure

Use .utcp_config.json with manual_call_templates[]; each entry defines the manual name, MCP server command/args/env, and disabled state. See references/configuration.md and assets/config_template.md.

Critical: Prefixed Environment Variables

⚠️ IMPORTANT: Code Mode prefixes ALL environment variables with {manual_name}_ from your configuration.

Example:

  • Config has "name": "clickup" and env section references ${CLICKUP_API_KEY}
  • Your .env file MUST use: clickup_CLICKUP_API_KEY=pk_xxx
  • Using CLICKUP_API_KEY=pk_xxx will cause: Error: Variable 'clickup_CLICKUP_API_KEY' not found

Quick Reference:

| Manual Name | Config Reference | .env Variable | |-------------|-----------------|---------------| | clickup | ${CLICKUP_API_KEY} | clickup_CLICKUP_API_KEY | | figma | ${FIGMA_API_KEY} | figma_FIGMA_API_KEY | | notion | ${NOTION_TOKEN} | notion_NOTION_TOKEN |

See env_template.md for complete examples.

How to Check Active Code Mode Servers

IMPORTANT: This only shows Code Mode servers in .utcp_config.json, NOT Sequential Thinking

Run list_tools() through Code Mode and group returned names by the prefix before the first dot. Sequential Thinking is native MCP and will not appear.


5. RULES

✅ ALWAYS

  • Use Code Mode for ALL MCP tool calls - Mandatory for ClickUp, Notion, Figma, MyService, Chrome DevTools, etc.
  • Follow naming pattern: {manual_name}.{manual_name}_{tool_name} (see naming_convention.md)
  • Use progressive discovery: search_tools() before calling unknown tools
  • Use try/catch for error handling in multi-step workflows
  • Set appropriate timeouts: 30s (simple), 60s (complex), 120s+ (very complex)
  • Console.log progress in complex workflows for debugging
  • Structure return values consistently: { success, data, errors, timestamp }

❌ NEVER

  • Skip Code Mode for MCP tools - Direct MCP calls cause context exhaustion
  • Use wrong naming pattern - myservice.sites_list instead of myservice.myservice_sites_list
  • Guess tool names - Use search_tools() to discover correct names
  • Ignore TypeScript errors - Type safety prevents runtime errors
  • Skip error handling - Unhandled errors crash entire workflow
  • Use Code Mode for file operations - Use Read/Write/Edit tools instead
  • Assume tool availability - Verify with list_tools() first

⚠️ ESCALATE IF

  • Tool naming errors persist after consulting naming_convention.md
  • Configuration fails to load - Check configuration.md
  • Environment variables not found - Verify .env file exists and syntax is correct
  • MCP server fails to start - Check command/args in .utcp_config.json
  • Tools not discovered - Verify manual name matches configuration
  • Execution timeout - Increase timeout or break into smaller operations
  • Need to add new MCP server - Follow guide in configuration.md

6. SUCCESS CRITERIA

Code Mode implementation complete when:

  • ✅ All MCP tool calls use call_tool_chain (no direct tool calls)
  • ✅ Tool naming follows {manual_name}.{manual_name}_{tool_name} pattern
  • ✅ Progressive discovery used (search_tools before calling)
  • ✅ Error handling implemented (try/catch for critical operations)
  • ✅ Console logging tracks workflow progress
  • ✅ Return values structured consistently
  • ✅ Timeouts set appropriately for workflow complexity
  • ✅ Configuration validated (.utcp_config.json and .env correct)
  • ✅ Type safety verified (no TypeScript errors)
  • ✅ Multi-tool workflows execute atomically (all succeed or all fail)

7. INTEGRATION POINTS

Framework Integration

This skill operates within the behavioral framework defined in AGENTS.md.

Key integrations:

  • Gate 2: Skill routing via skill_advisor.py
  • Tool Routing: Per AGENTS.md Section 6 decision tree
  • Memory: Context preserved via Spec Kit Memory MCP

Cross-Skill Collaboration

External Tool Integration:

  • Use mcp-code-mode for external tool integration (MyService, Figma, ClickUp, etc.)
  • Example: Create ClickUp task → Update Notion docs → Post to external CMS

Workflow: discover tools, call them inside one call_tool_chain() execution, return state for the caller, and surface errors explicitly.

Triggers

Automatic activation when:

  • User mentions MCP tool names (ClickUp, Notion, Figma, MyService, etc.)
  • Request involves external tool integration
  • Multi-tool workflow described
  • Browser automation needed (Chrome DevTools)

Outputs

What Code Mode produces:

  • External tool operation results (tasks created, data fetched, etc.)
  • Workflow execution logs (console.log captured)
  • Error details (if failures occur)
  • State snapshots (all variables returned)

8. QUICK REFERENCE

Use search_tools(), tool_info(), list_tools(), and call_tool_chain() as the core command set. For parallel execution, use Promise.all() when all calls must succeed and Promise.allSettled() when partial success is acceptable. Full examples live in references/workflows.md.

Critical Naming Pattern

See Section 3: Critical Naming Pattern for the complete guide with examples.

Pattern: {manual_name}.{manual_name}_{tool_name}

Timeout Guidelines

  • Simple (1-2 tools): 30s (default)
  • Complex (3-5 tools): 60s
  • Very complex (6+ tools): 120s+

9. REFERENCES AND RELATED RESOURCES

The router discovers reference, asset, and script docs dynamically. Start with references/naming_convention.md, references/configuration.md, references/tool_catalog.md, references/workflows.md, references/architecture.md, assets/config_template.md, assets/env_template.md, then load task-specific resources from references/, templates from assets/, and automation from scripts/ when present.

Scripts: scripts/install.sh, scripts/update.sh, scripts/validate_config.py.

Related skills: mcp-chrome-devtools for browser debugging routes that can fall back to Code Mode.

Install guide: INSTALL_GUIDE.md.