·component-fixtures
*

component-fixtures

À utiliser lors de la création ou de la mise à jour de composants pour des tests de capture d'écran, ou lors de la conception de composants d'interface utilisateur compatibles avec les composants. Couvre la structure des fichiers des appareils, la thématique, la configuration du service, la portée CSS, le rendu asynchrone et les pièges courants.

34Installations·1Tendance·@microsoft

Installation

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

Comment installer component-fixtures

Installez rapidement le skill IA component-fixtures dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/microsoft/vscode --skill component-fixtures
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : 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.

À utiliser lors de la création ou de la mise à jour de composants pour des tests de capture d'écran, ou lors de la conception de composants d'interface utilisateur compatibles avec les composants. Couvre la structure des fichiers des appareils, la thématique, la configuration du service, la portée CSS, le rendu asynchrone et les pièges courants. Source : microsoft/vscode.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/microsoft/vscode --skill component-fixtures
Catégorie
*Créativité
Vérifié
Première apparition
2026-03-01
Mis à jour
2026-03-10

Browse more skills from microsoft/vscode

Réponses rapides

Qu'est-ce que component-fixtures ?

À utiliser lors de la création ou de la mise à jour de composants pour des tests de capture d'écran, ou lors de la conception de composants d'interface utilisateur compatibles avec les composants. Couvre la structure des fichiers des appareils, la thématique, la configuration du service, la portée CSS, le rendu asynchrone et les pièges courants. Source : microsoft/vscode.

Comment installer component-fixtures ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/microsoft/vscode --skill component-fixtures Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/microsoft/vscode