Pick the right Lightning Base Component (`lightning-*`) for a given UI task, retrieve its full API (props, methods, events, slots) from the bundled per-component reference, and wire it into an LWC (LWC `.html`, `.js`, and `.css` files) without breaking SLDS.
Install
npx skills add forcedotcom/sf-skills --skill experience-lwc-base-components-integratenpx skills add forcedotcom/sf-skills --skill experience-lwc-base-components-integrate -a claude-code -gnpx skills add forcedotcom/sf-skills --skill experience-lwc-base-components-integrate -a codex -ggemini skills install https://github.com/forcedotcom/sf-skills.git --path skills/experience-lwc-base-components-integrategh skill install forcedotcom/sf-skills experience-lwc-base-components-integrategit 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-base-components-integrate ~/.claude/skills/experience-lwc-base-components-integrate # Claude Code
cp -R /tmp/forcedotcom__sf-skills/skills/experience-lwc-base-components-integrate ~/.agents/skills/experience-lwc-base-components-integrate # Codex, Cursor, Gemini CLI, Copilot, OpenCode