·component-fixtures
*

component-fixtures

Úselo al crear o actualizar dispositivos de componentes para pruebas de captura de pantalla o al diseñar componentes de interfaz de usuario para que sean compatibles con dispositivos. Cubre la estructura de archivos de dispositivos, la temática, la configuración del servicio, el alcance de CSS, la representación asíncrona y los errores comunes.

36Instalaciones·4Tendencia·@microsoft

Instalación

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

Cómo instalar component-fixtures

Instala rápidamente el skill de IA component-fixtures en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/microsoft/vscode --skill component-fixtures
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: microsoft/vscode.

SKILL.md

Ver original

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.

Úselo al crear o actualizar dispositivos de componentes para pruebas de captura de pantalla o al diseñar componentes de interfaz de usuario para que sean compatibles con dispositivos. Cubre la estructura de archivos de dispositivos, la temática, la configuración del servicio, el alcance de CSS, la representación asíncrona y los errores comunes. Fuente: microsoft/vscode.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/microsoft/vscode --skill component-fixtures
Categoría
*Creatividad
Verificado
Primera vez visto
2026-03-01
Actualizado
2026-03-11

Browse more skills from microsoft/vscode

Respuestas rápidas

¿Qué es component-fixtures?

Úselo al crear o actualizar dispositivos de componentes para pruebas de captura de pantalla o al diseñar componentes de interfaz de usuario para que sean compatibles con dispositivos. Cubre la estructura de archivos de dispositivos, la temática, la configuración del servicio, el alcance de CSS, la representación asíncrona y los errores comunes. Fuente: microsoft/vscode.

¿Cómo instalo component-fixtures?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/microsoft/vscode --skill component-fixtures Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/microsoft/vscode