Da utilizzare durante la creazione o l'aggiornamento dei dispositivi dei componenti per il test degli screenshot o quando si progettano componenti dell'interfaccia utente in modo che siano facili da usare. Copre la struttura dei file delle apparecchiature, i temi, la configurazione del servizio, l'ambito CSS, il rendering asincrono e le insidie comuni.
Installa rapidamente la skill AI component-fixtures nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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.
Da utilizzare durante la creazione o l'aggiornamento dei dispositivi dei componenti per il test degli screenshot o quando si progettano componenti dell'interfaccia utente in modo che siano facili da usare. Copre la struttura dei file delle apparecchiature, i temi, la configurazione del servizio, l'ambito CSS, il rendering asincrono e le insidie comuni. Fonte: microsoft/vscode.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/microsoft/vscode --skill component-fixturesDa utilizzare durante la creazione o l'aggiornamento dei dispositivi dei componenti per il test degli screenshot o quando si progettano componenti dell'interfaccia utente in modo che siano facili da usare. Copre la struttura dei file delle apparecchiature, i temi, la configurazione del servizio, l'ambito CSS, il rendering asincrono e le insidie comuni. Fonte: microsoft/vscode.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/microsoft/vscode --skill component-fixtures Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/microsoft/vscode