Use when running Salesforce Lightning Preview for an app or a single LWC component to extract the runtime DOM for inspection. TRIGGER when the user says "preview an LWC locally", "run sf lightning dev", "launch Local Dev", "inspect a component's shadow DOM at runtime", "grab rendered HTML from a live preview", "troubleshoot what actually renders versus the template", "set up Salesforce Live…
Install
npx skills add forcedotcom/sf-skills --skill experience-lwc-runtime-observenpx skills add forcedotcom/sf-skills --skill experience-lwc-runtime-observe -a claude-code -gnpx skills add forcedotcom/sf-skills --skill experience-lwc-runtime-observe -a codex -ggemini skills install https://github.com/forcedotcom/sf-skills.git --path skills/experience-lwc-runtime-observegh skill install forcedotcom/sf-skills experience-lwc-runtime-observegit clone --depth 1 https://github.com/forcedotcom/sf-skills /tmp/forcedotcom__sf-skills
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/forcedotcom__sf-skills/skills/experience-lwc-runtime-observe ~/.claude/skills/experience-lwc-runtime-observe # Claude Code
cp -R /tmp/forcedotcom__sf-skills/skills/experience-lwc-runtime-observe ~/.agents/skills/experience-lwc-runtime-observe # Codex, Cursor, Gemini CLI, Copilot, OpenCode