Use when creating or updating component fixtures for screenshot testing or their shared infrastructure, or when designing UI components to be fixture-friendly. Covers fixture file structure, theming, service setup, CSS scoping, async rendering, validation, and common pitfalls.
Install
npx skills add microsoft/vscode --skill component-fixturesnpx skills add microsoft/vscode --skill component-fixtures -a claude-code -gnpx skills add microsoft/vscode --skill component-fixtures -a codex -ggemini skills install https://github.com/microsoft/vscode.git --path .github/skills/component-fixturesgh skill install microsoft/vscode component-fixturesgit clone --depth 1 https://github.com/microsoft/vscode /tmp/microsoft__vscode
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/microsoft__vscode/.github/skills/component-fixtures ~/.claude/skills/component-fixtures # Claude Code
cp -R /tmp/microsoft__vscode/.github/skills/component-fixtures ~/.agents/skills/component-fixtures # Codex, Cursor, Gemini CLI, Copilot, OpenCode