菜单
Integrate @vscode-elements/elements controls into Lit webviews. Use when adding or changing VSCode Elements selects, text fields, checkboxes, buttons, form association, controlled values, accessibility state, or VS Code theme styling.
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/forcedotcom/salesforcedx-vscode --skill vscode-elements-webviews命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
正在显示 SKILL.md
| name | vscode-elements-webviews |
| description | Integrate @vscode-elements/elements controls into Lit webviews. Use when adding or changing VSCode Elements selects, text fields, checkboxes, buttons, form association, controlled values, accessibility state, or VS Code theme styling. |
| review | never |
Wrapper component = adapter between application state and the VSCode Elements public API.
@vscode-elements/elements/dist/<element>/index.js. Class import when narrowing currentTarget; side-effect import when only registration is needed..value, .checked, .invalid, and ?disabled properties.change, input, and click events translated to schema-backed application actions; currentTarget narrowed with the concrete element class.updateComplete in updated(), then reapply the controlled value.VSCode Elements inputs use ElementInternals; a child Lit shadow root can block discovery of a parent-rendered form.
createRenderRoot() returns this, with rationale comment.control.form relationship.<label for> plus the control's public label where required.updateComplete.--vscode-* tokens for colors, borders, focus, and typography; spacing consistent with VS Code controls.Examples: packages/soql-builder-ui/src/components/soqlFromElement.ts, packages/soql-builder-ui/src/components/soqlFieldsElement.ts.
Enforces Effect-TS patterns for services, errors, layers, and atoms. Use when writing code with Effect.Service, Schema.TaggedError, Layer composition, or effect-atom React components.
Consume the salesforcedx-vscode-services extension API. Use when an extension depends on salesforcedx-vscode-services and you are registering commands, calling its services (Workspace, Connection, Project, Settings, FS, Channel, Media, prompts), watching files/config/target-org, or wiring the AllServicesLayer/runtime in extensionProvider.ts.
Polish the automated CHANGELOG on develop before the next stable build. Removes GUS refs, categorizes under-the-cover changes, improves customer-facing descriptions. Use when preparing/reviewing the changelog after a weekly prerelease promotion, or when user mentions changelog quality.