test-studio-script-runner

Explica la herramienta Script Runner de dev/test-studio. Úsala al agregar, editar, ejecutar o documentar scripts en dev/test-studio/src/script-runner, o cuando el…

npx skills add https://github.com/sanity-io/plugins --skill test-studio-script-runner

Test Studio Script Runner

Use this skill when working with the Scripts tool in dev/test-studio.

Key Files

  • Tool plugin: dev/test-studio/src/script-runner/index.tsx
  • Runner UI: dev/test-studio/src/script-runner/ScriptRunnerTool.tsx
  • Script registry: dev/test-studio/src/script-runner/registry.ts
  • Script contract: dev/test-studio/src/script-runner/types.ts
  • Script modules: dev/test-studio/src/script-runner/scripts/*/index.ts
  • Agent-facing docs: dev/test-studio/src/script-runner/README.md

Read README.md and types.ts before changing the runner or adding scripts.

What The Tool Does

The runner is a Sanity Studio custom tool registered in the home workspace.

  • Home route: <studio>/home/scripts
  • Script route: <studio>/home/scripts/<script-name>

Scripts are browser-side TypeScript modules discovered at build time with Vite import.meta.glob. They run inside Sanity Studio with the logged-in user's permissions and receive the Studio client.

Adding A Script

Add a folder under dev/test-studio/src/script-runner/scripts/. The folder name should match the script name. Put the registered entrypoint in index.ts; any helper files can live beside it.

scripts/
  my-script-name/
    index.ts
    helpers.ts

Only scripts/*/index.ts files are discovered at build time.

import type {StudioScript} from '../../types'

const script: StudioScript = {
  name: 'my-script-name',
  title: 'My script name',
  description: 'What this script does.',
  apiVersion: '2026-03-01',
  inputs: [
    {
      name: 'documentId',
      title: 'Document ID',
      defaultValue: 'example-id',
      required: true,
    },
  ],
  async run({client, inputs, log}) {
    log.info(`Running for ${inputs.documentId}`)
    await client.fetch('*[_type == "post"][0...1]')
    log.success('Done')
  },
}

export default script

Script names must be unique and use lowercase letters, numbers, and hyphens. Keep the folder name and script name aligned. The script name becomes the URL segment.

Runtime Contract

run() receives:

  • client: Sanity Studio client, configured with the script apiVersion or the runner default.
  • inputs: string values from the run screen, keyed by input name.
  • log: info, success, warning, and error methods that append output in the UI.
  • signal: an AbortSignal reserved for script code that supports cancellation.

String Variables

Use inputs for string variables. Each input renders as a text field on the script run screen. Required inputs disable the run button until non-empty.

Available input fields:

  • name
  • title
  • description
  • defaultValue
  • placeholder
  • required

All values passed to scripts are strings. Validate and trim values inside run() when needed.

Browser-Safe Rules

Script runner modules execute in the browser. Do not use:

  • fs, path, or other Node built-ins
  • process.exit
  • direct environment variable access
  • SANITY_AUTH_TOKEN

Do not create a separate Sanity client from env vars. Use the provided client.

If a task needs Node-only APIs or token-based CLI behavior, keep it in dev/test-studio/scripts/ instead of the Studio script runner.

Verification

After changing the runner or adding scripts, run:

pnpm lint
pnpm --filter test-studio build

If pnpm --filter test-studio build fails because workspace package dist output is missing, build with dependencies first:

pnpm --filter test-studio... build

Más skills de sanity-io

tdd
sanity-io
Desarrollo guiado por pruebas con el ciclo rojo-verde-refactorizar. Úsalo cuando el usuario quiera construir funcionalidades o corregir errores usando TDD, mencione "rojo-verde-refactorizar", quiera…
performance-optimization
sanity-io
Optimiza el rendimiento de la aplicación. Úsalo cuando existan requisitos de rendimiento, cuando sospeches regresiones de rendimiento, o cuando Core Web Vitals o los tiempos de carga…
content-experimentation-best-practices
sanity-io
Guía estructurada para diseñar, ejecutar y analizar experimentos de contenido con el fin de mejorar la conversión y el compromiso. Abarca marcos de hipótesis, selección de métricas, cálculo del tamaño de la muestra y pruebas de significancia estadística en experimentos A/B y multivariantes. Incluye recursos detallados sobre valores p, intervalos de confianza, análisis de potencia y métodos bayesianos para interpretar resultados. Proporciona patrones de integración con CMS para gestionar variantes a nivel de campo y conectar sistemas externos...
content-modeling-best-practices
sanity-io
Guía de modelado de contenido estructurado para diseño de esquemas, reutilización y entrega multicanal. Abarca principios fundamentales: tratar el contenido como datos en lugar de páginas, mantener fuentes únicas de verdad, diseñar para canales futuros y optimizar flujos de trabajo editoriales. Incluye marcos de decisión para referencias frente a objetos incrustados, separación de preocupaciones y patrones de reutilización de contenido. Proporciona orientación sobre taxonomía y clasificación para enfoques planos, jerárquicos y facetados. Se aplica a...
portable-text-conversion
sanity-io
Convierte contenido HTML y Markdown en bloques de Portable Text para Sanity. Úsalo al migrar contenido desde CMS heredados, importar HTML o Markdown a Sanity,…
portable-text-serialization
sanity-io
Renderiza y serializa Portable Text a React, Svelte, Vue, Astro, HTML, Markdown y texto plano. Úsalo al implementar la representación de Portable Text en cualquier frontend…
sanity-best-practices
sanity-io
Guías completas de mejores prácticas e integración para el desarrollo de Sanity CMS en distintos frameworks y temas. Cubre más de 10 integraciones de frameworks, incluyendo Next.js, Nuxt, Astro, Remix, SvelteKit y Angular, con patrones específicos y orientación de configuración. Incluye guías temáticas sobre diseño de esquemas, optimización de consultas GROQ, edición visual, Portable Text, imágenes, TypeGen, localización y migraciones de contenido. Proporciona una estructura de referencia rápida para cargar solo las guías relevantes según el tipo de tarea,...
sanity-migration
sanity-io
Planifica, implementa y revisa migraciones desde otros CMS y sistemas de contenido a Sanity. Úsalo al migrar o cambiar de plataforma a Sanity desde AEM, Adobe Experience Manager, Contentful, Strapi, Webflow, WordPress, Payload, Drupal, archivos Markdown/MDX/frontmatter, exportaciones WXR/XML, APIs de CMS, volcados de base de datos, HTML estático, o al diseñar flujos de extracción, transformación, conversión a Portable Text, migración de activos, redirecciones, validación y transición.
data-analysisdatabasedevelopment