opción
HogarHogar Skill Automatización del navegador screenshots-marketing

screenshots-marketing

nexu-io/open-design nexu-io/open-design

Crea capturas de pantalla de marketing con Playwright. Resulta muy útil para imágenes destacadas de páginas de destino, capturas de pantalla de la App Store e imágenes para el historial de cambios.

...Expandir todo
12
Tiempo actualizado 25 de agosto de 2026

Acerca de «screenshots-marketing»

screenshots-marketing es una entrada del catálogo de la colección de habilidades Open Design que presenta un flujo de trabajo basado en Playwright para generar capturas de pantalla con fines de marketing. Su objetivo declarado es ayudar a los agentes a crear elementos visuales pulidos, como imágenes destacadas para páginas de destino, capturas de pantalla de la App Store e imágenes de registros de cambios, resolviendo así el problema habitual de tener que capturar y encuadrar manualmente las imágenes de los productos para su uso en canales de marketing.

Es importante destacar que se trata de una breve referencia, más que de una implementación completa. El archivo SKILL.md incluido es un archivo único de presentación que permite que la habilidad sea detectable durante la fase de planificación de un agente; no contiene los scripts, recursos ni referencias reales de Playwright. Para ejecutar el flujo de trabajo real, el usuario debe instalar el paquete de origen (seleccionado por @Shpigford, en github.com/Shpigford/screenshots) en el directorio de habilidades de su agente activo. La habilidad expone frases desencadenantes como «captura de pantalla de marketing», «captura de pantalla de Playwright», «imagen principal» y «captura de pantalla de la App Store», de modo que el agente pueda mostrarla por nombre o por intención.

Los usuarios a los que va dirigido son desarrolladores, creadores independientes e ingenieros de marketing que desean una generación de capturas de pantalla automatizada y repetible como parte de un sistema de diseño de agentes más amplio. Se adapta a casos de uso como la preparación de material visual para lanzamientos, la actualización de páginas de destino o la creación de imágenes para las fichas de la App Store. Cualquiera que la evalúe debe tener en cuenta que su complejidad reside en el repositorio principal, y que esta entrada solo indica su disponibilidad y ofrece orientación para su instalación.

Preguntas frecuentes

¿Contiene esta skill el código real de generación de capturas de pantalla?

No. Se trata de una entrada del catálogo que da a conocer la habilidad para que un agente pueda descubrirla durante la planificación. El flujo de trabajo completo de Playwright, los scripts y los recursos se encuentran en el repositorio principal en github.com/Shpigford/screenshots y deben instalarse por separado.

¿Cómo se activa?

Pide al agente que la invoque por su nombre (screenshots-marketing) o que utilice una de sus frases de activación: «captura de pantalla de marketing», «captura de pantalla de Playwright», «captura de pantalla principal» o «captura de pantalla de la tienda de aplicaciones».

¿Para qué sirve?

Generar capturas de pantalla de marketing con Playwright, incluidas imágenes destacadas para páginas de destino, capturas de pantalla de la App Store e imágenes para el registro de cambios.

¿Cuál es la principal limitación?

Se trata de un «thin pointer». Si no instalas el paquete original en el directorio de habilidades de tu agente activo, solo obtendrás metadatos de detección e instrucciones de instalación, pero no un flujo de trabajo ejecutable.

Ver en GitHub

Curated from @Shpigford.

What it does

Generate marketing screenshots with Playwright. Useful for landing-page hero shots, App Store screenshots, and changelog visuals.

Source

  • Upstream: https://github.com/Shpigford/screenshots
  • Category: screenshots

How to use

This catalogue entry advertises the skill in OpenDesign so the agentdiscovers it during planning. To run the full upstream workflow withits original assets, scripts, and references, install the upstreambundle into your active agent's skills directory:

# Inspect the upstream README for exact pathsopen https://github.com/Shpigford/screenshots

Then ask the agent to invoke this skill by name (screenshots-marketing) or withone of the trigger phrases listed in this skill's frontmatter.

Todos los archivos

1 archivos
SKILL.md 1.2k
Ver

Instalar screenshots-marketing

Descarga y descomprime los archivos de habilidades en tu directorio .claude/skills/.

Descargar ZIP

Clona el repositorio y copia los archivos de la habilidad a tu proyecto.

git clone https://github.com/nexu-io/open-design/blob/main/skills/screenshots-marketing/SKILL.md # Copy SKILL.md to your .claude/skills/ directory

Copiar Copiar
Configuración rápida: Copia la carpeta de la habilidad en .claude/skills/. Claude la detectará automáticamente y la utilizará.
Repositorio nexu-io/open-design

Habilidades relacionadas

playwright-cli
Tiempo actualizado 29 de junio de 2026
frontend-testing-best-practices
Tiempo actualizado 7 de julio de 2026
Playwright Browser Automation
Tiempo actualizado 29 de junio de 2026
playwright-generate-test
Tiempo actualizado 29 de junio de 2026
OR