·component-fixtures
*

component-fixtures

Verwenden Sie diese Option, wenn Sie Komponenten-Fixtures für Screenshot-Tests erstellen oder aktualisieren oder wenn Sie UI-Komponenten so entwerfen, dass sie Fixture-freundlich sind. Behandelt Fixture-Dateistruktur, Themes, Service-Einrichtung, CSS-Scoping, asynchrones Rendering und häufige Fallstricke.

34Installationen·1Trend·@microsoft

Installation

$npx skills add https://github.com/microsoft/vscode --skill component-fixtures

So installieren Sie component-fixtures

Installieren Sie den KI-Skill component-fixtures schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/microsoft/vscode --skill component-fixtures
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: microsoft/vscode.

Component fixtures render isolated UI components for visual screenshot testing via the component explorer. Fixtures live in src/vs/workbench/test/browser/componentFixtures/ and are auto-discovered by the Vite dev server using the glob src//.fixture.ts.

Use tools mcpcomponent-exp to list and screenshot fixtures. If you cannot see these tools, inform the user to them on.

Each fixture file exports a default defineThemedFixtureGroup(...). The file must end with .fixture.ts.

Verwenden Sie diese Option, wenn Sie Komponenten-Fixtures für Screenshot-Tests erstellen oder aktualisieren oder wenn Sie UI-Komponenten so entwerfen, dass sie Fixture-freundlich sind. Behandelt Fixture-Dateistruktur, Themes, Service-Einrichtung, CSS-Scoping, asynchrones Rendering und häufige Fallstricke. Quelle: microsoft/vscode.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/microsoft/vscode --skill component-fixtures
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-03-01
Aktualisiert
2026-03-10

Browse more skills from microsoft/vscode

Schnelle Antworten

Was ist component-fixtures?

Verwenden Sie diese Option, wenn Sie Komponenten-Fixtures für Screenshot-Tests erstellen oder aktualisieren oder wenn Sie UI-Komponenten so entwerfen, dass sie Fixture-freundlich sind. Behandelt Fixture-Dateistruktur, Themes, Service-Einrichtung, CSS-Scoping, asynchrones Rendering und häufige Fallstricke. Quelle: microsoft/vscode.

Wie installiere ich component-fixtures?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/microsoft/vscode --skill component-fixtures Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/microsoft/vscode