Agent skill

Web Console Local Traces

by forcedotcom in forcedotcom/salesforcedx-vscode

Unblock hosted Web Console OTLP to localhost:4318. An agent skill from forcedotcom/salesforcedx-vscode.

BSD-3-ClauseAuto-check passedDevOps & Cloud

Install Web Console Local Traces

skills CLI
$ npx skills add forcedotcom/salesforcedx-vscode --skill web-console-local-traces -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install forcedotcom/salesforcedx-vscode web-console-local-traces --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/forcedotcom/salesforcedx-vscode.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.claude/skills/web-console-local-traces .claude/skills/web-console-local-traces && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
web-console-local-traces
GitHub stars
1k
Token cost
~796 tokens
SKILL.md length
194 words
Files
1
Skills in repo
37
Repo updated
First seen
Licence
BSD-3-Clause

At a glance

Unblock hosted Web Console OTLP to localhost:4318. An agent skill from forcedotcom/salesforcedx-vscode.

  • Works in 3 steps: Chrome Local Network Access → otel-lgtm HTTPS CORS → Enable the setting
  • Web Console traces fail with CORS
  • SKILL.md covers 1. Chrome Local Network Access, 2. otel-lgtm HTTPS CORS and 3. Enable the setting
  • Calls docker and curl; reaches cdn.web-ide.platform.salesforce.com

What it does

Web Console Local Traces is an agent skill from forcedotcom/salesforcedx-vscode. Unblock hosted Web Console OTLP to localhost:4318. Chrome Local Network Access (loopback address space) plus grafana/otel-lgtm CORS for https://cdn.web-ide.platform.salesforce.com. Use when Web Console traces fail with CORS, loopback, LNA, or otel-lgtm.

Its SKILL.md is about 800 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in DevOps & Cloud, covering CRM management and Monitoring and alerting. It works with OpenTelemetry, Salesforce, Grafana and Visual Studio Code. The repository describes itself as: Salesforce Extensions for VS Code. The licence is BSD-3-Clause.

When your agent uses it

  • Web Console traces fail with CORS
  • Tasks that involve CRM management
  • Tasks that involve Monitoring and alerting

Example prompts

  • “/web-console-local-traces”

Requirements

  • Docker

Workflow steps

3 steps, taken from the step headings in SKILL.md.

  1. Chrome Local Network Access
  2. otel-lgtm HTTPS CORS
  3. Enable the setting

What it can do on your machine

Read from SKILL.md and the folder at commit 27807f6. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • docker
    • curl

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • cdn.web-ide.platform.salesforce.com

    Also links to:

    • github.com
    • developer.chrome.com
    • raw.githubusercontent.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Web Console Local Traces loads about 796 tokens when it runs. Until then it costs about 70 tokens; SKILL.md has 194 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~70
When it runs · the whole SKILL.md, loaded when a task matches
~796

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from forcedotcom/salesforcedx-vscode at commit 27807f6, republished under its BSD-3-Clause licence (© forcedotcom). 194 words, ~796 tokens.

Download SKILL.mdSave it as .claude/skills/web-console-local-traces/SKILL.md (or your agent's skills folder).
name
web-console-local-traces
description
Unblock hosted Web Console OTLP to localhost:4318. Chrome Local Network Access (loopback address space) plus grafana/otel-lgtm CORS for https://cdn.web-ide.platform.salesforce.com. Use when Web Console traces fail with CORS, loopback, LNA, or otel-lgtm.
review
never

Web Console local OTLP

Hosted Web Console origin https://cdn.web-ide.platform.salesforce.com POSTs to http://localhost:4318/v1/traces when salesforcedx-vscode-salesforcedx.enableLocalTraces is on (OTLPTraceExporter default in spansWeb.ts). Two independent blocks; LNA first.

Canonical docker overlay: observability README.

1. Chrome Local Network Access

Error: Permission was denied for this request to access the loopback address space.

Chrome 142+ Local Network Access gates public origin → loopback before CORS headers apply.

Web Console often has no extension toolbar and may iframe the CDN origin, so site-settings / CORS extensions fail. Disable the check in a normal Chrome tab, same profile:

  1. chrome://flags/#local-network-access-check → Disabled
  2. Relaunch Chrome
  3. Reload Web Console

Done when: console no longer mentions loopback / address space. Remaining errors are collector CORS.

2. otel-lgtm HTTPS CORS

Image grafana/otel-lgtm allowlists http://* only (v0.33.0 config). HTTPS Salesforce origin does not match.

Overlay file (any path; example ~/.otel-lgtm/otelcol-cors.yaml):

yaml
receivers:
  otlp:
    protocols:
      http:
        cors:
          allowed_origins:
            - http://*
            - https://cdn.web-ide.platform.salesforce.com
          allowed_headers:
            - "*"

Restart collector with the overlay (image config paths):

sh
docker run -d --rm --name otel-lgtm \
  -p 3000:3000 -p 4317:4317 -p 4318:4318 \
  -v "$HOME/.otel-lgtm/otelcol-cors.yaml:/otel-lgtm/otelcol-cors.yaml:ro" \
  -e OTELCOL_EXTRA_ARGS='--config=file:/otel-lgtm/otelcol-cors.yaml' \
  docker.io/grafana/otel-lgtm

Done when:

sh
curl -si -X OPTIONS http://localhost:4318/v1/traces \
  -H 'Origin: https://cdn.web-ide.platform.salesforce.com' \
  -H 'Access-Control-Request-Method: POST' \
  -H 'Access-Control-Request-Headers: content-type'

returns access-control-allow-origin: https://cdn.web-ide.platform.salesforce.com.

Plain ["*"] origin is rejected when credentials are on (collector HTTP CORS).

3. Enable the setting

Web Console Settings → salesforcedx-vscode-salesforcedx.enableLocalTraces = true. Reload. Grafana: http://localhost:3000 (admin/admin).

File traces (enableFileTraces → ~/.sf/vscode-spans/) are a different sink — see span-file-export. Hosted Web Console cannot write that dir; use this OTLP path.

© forcedotcom, BSD-3-Clause. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in .claude/skills/web-console-local-traces of forcedotcom/salesforcedx-vscode.

Open the folder on GitHubat commit 27807f6

Compare with similar skills

Web Console Local Traces next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Web Console Local Traces compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Web Console Local Traces this skillforcedotcom/salesforcedx-vscode1k—~796Automated safety check: PassBSD-3-Clause
OpenTelemetry Pipeline Metrics Speccomet-ml/opik22k—~3.2kAutomated safety check: PassApache-2.0
Archestra Dev Observabilityarchestra-ai/archestra4.4k—~1.2kAutomated safety check: PassCustom licence
Frontmcp Observabilityagentfront/frontmcp146—~4.6kAutomated safety check: PassApache-2.0
Monitoring Observabilityahmedasmar/devops-claude-skills203—~3.9kAutomated safety check: PassNone
Monitoring ExpertJeffallan/claude-skills12k—~1.6kAutomated safety check: PassMIT

Similar skills

  • Specifies how to instrument an opik-backend pipeline with per-stage OpenTelemetry metrics for throughput, latency, errors and queue delay by workspace.

    22k GitHub stars~3.2k tokensUpdated today
    DevOps & CloudAuto-check passed
  • Archestra Dev Observability

    archestra-ai/archestra

    A skill your agent uses when changing Archestra tracing, metrics, OpenTelemetry, Tempo, Grafana, Prometheus, LLM/MCP spans, observability labels, or local observability setup.

    4.4k GitHub stars~1.2k tokensUpdated today
    DevOps & CloudAuto-check passed
  • Frontmcp Observability

    agentfront/frontmcp

    A skill your agent uses when adding tracing, structured logging, metrics, or monitoring to a FrontMCP server.

    146 GitHub stars~4.6k tokensUpdated yesterday
    DevOps & CloudAuto-check passed
  • Monitoring Observability

    ahmedasmar/devops-claude-skills

    Monitoring and observability strategy, implementation, and troubleshooting.

    203 GitHub stars~3.9k tokensUpdated 5 mo ago
    DevOps & CloudAuto-check passed
  • Monitoring Expert

    Jeffallan/claude-skills

    Sets up application monitoring: structured logs, Prometheus metrics, OpenTelemetry tracing, Grafana dashboards, alert rules and load tests with k6 or Artillery.

    12k GitHub stars~1.6k tokensUpdated 4 days ago
    DevOps & CloudAuto-check passed
  • Live Debug

    macro-inc/macro

    Debug the running local stack with traces, logs, and a shared headless browser.

    4.6k GitHub stars~2.4k tokensUpdated today
    DevOps & CloudAuto-check: notes

More from forcedotcom/salesforcedx-vscode

All 37 skills in this repo
  • Command UI

    forcedotcom/salesforcedx-vscode

    Command palette, CodeLens, context menus, package.nls titles, and NotificationModeService.

    1k GitHub stars~1.4k tokensUpdated today
    Auto-check passed
  • Services Extension Consumption

    forcedotcom/salesforcedx-vscode

    Consume the salesforcedx-vscode-services extension API. An agent skill from forcedotcom/salesforcedx-vscode.

    1k GitHub stars~5k tokensUpdated today
    Auto-check passed
  • Changelog

    forcedotcom/salesforcedx-vscode

    Polish the automated CHANGELOG on develop before the next stable build.

    1k GitHub stars~3.3k tokensUpdated today
    Auto-check passed
  • Core Extension API

    forcedotcom/salesforcedx-vscode

    Public API exported by salesforcedx-vscode-core activate(). An agent skill from forcedotcom/salesforcedx-vscode.

    1k GitHub stars~842 tokensUpdated today
    Auto-check passed
  • Drivable Vscode

    forcedotcom/salesforcedx-vscode

    Operate a real VS Code instance through drivable-vscode. An agent skill from forcedotcom/salesforcedx-vscode.

    1k GitHub stars~1k tokensUpdated today
    Auto-check passed
  • Effect Best Practices

    forcedotcom/salesforcedx-vscode

    Enforces Effect-TS patterns for services, errors, layers, atoms, and Effect.pipe composition.

    1k GitHub stars~6.2k tokensUpdated today
    Auto-check passed

Questions about Web Console Local Traces

What does Web Console Local Traces do?

Unblock hosted Web Console OTLP to localhost:4318. An agent skill from forcedotcom/salesforcedx-vscode. Web Console Local Traces is an agent skill from forcedotcom/salesforcedx-vscode. Unblock hosted Web Console OTLP to localhost:4318.

When should I use Web Console Local Traces?

Web Console Local Traces fits situations like: web Console traces fail with CORS; tasks that involve CRM management; tasks that involve Monitoring and alerting.

How do I install Web Console Local Traces in Claude Code?

Run `npx skills add forcedotcom/salesforcedx-vscode --skill web-console-local-traces -a claude-code`. Or copy the skill folder (.claude/skills/web-console-local-traces in forcedotcom/salesforcedx-vscode) into .claude/skills/web-console-local-traces in your project. Claude Code loads it when a task matches its description.

How do I install Web Console Local Traces in Codex?

Run `npx skills add forcedotcom/salesforcedx-vscode --skill web-console-local-traces -a codex`. Or copy the skill folder (.claude/skills/web-console-local-traces in forcedotcom/salesforcedx-vscode) into .agents/skills/web-console-local-traces in your project. Codex loads it when a task matches its description.

Can I use Web Console Local Traces in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add forcedotcom/salesforcedx-vscode --skill web-console-local-traces -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/web-console-local-traces, .gemini/skills/web-console-local-traces, .github/skills/web-console-local-traces and .opencode/skills/web-console-local-traces in your project.

What does Web Console Local Traces need to run?

Going by SKILL.md and its folder, Web Console Local Traces needs the command-line tools its instructions call (docker and curl). Our summary lists: Docker.

Does Web Console Local Traces access the network?

SKILL.md names 4 domains. In commands or code: cdn.web-ide.platform.salesforce.com; the agent is likely to contact it when it follows the instructions. As links in the text: github.com, developer.chrome.com and raw.githubusercontent.com. This is read from the text; nothing was executed.

Is Web Console Local Traces safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Web Console Local Traces use?

Web Console Local Traces is published under the BSD-3-Clause licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Web Console Local Traces use?

About 796 tokens (SKILL.md is roughly 3.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Web Console Local Traces?

Skills that share tags, products or a category with Web Console Local Traces: OpenTelemetry Pipeline Metrics Spec (comet-ml/opik, 22k stars), Archestra Dev Observability (archestra-ai/archestra, 4.4k stars), Frontmcp Observability (agentfront/frontmcp, 146 stars) and Monitoring Observability (ahmedasmar/devops-claude-skills, 203 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Web Console Local Traces?

forcedotcom (a GitHub organization) maintains it in forcedotcom/salesforcedx-vscode, which has 1,035 GitHub stars. The repository holds 37 skills in this directory. The repository was last updated on October 8, 2026.

Source: forcedotcom/salesforcedx-vscode on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.