Agency Socials
Portadas de eventos HTML/Playwright y miniaturas de YouTube en un sistema de diseño oscuro fijo
Funciona con configuración
Qué hace
Genera portadas de redes sociales, miniaturas de YouTube e imágenes de publicaciones de Telegram para eventos de la Comunidad AGENCY produciendo archivos HTML contra un sistema de diseño fijo (paleta oscura #0f0f0f, tipografía Geist/EB Garamond/JetBrains Mono, acento naranja, diseño de cuadrícula enmarcada) y luego renderizándolos a PNG 2x con Playwright. Se activa cuando un usuario pide crear una portada de evento, miniatura de reunión o publicación social comunitaria para la Comunidad AGENCY. Los tokens de diseño y la estructura de diseño se especifican con la precisión suficiente para reproducir el aspecto sin una vista previa en vivo.
Informe de la prueba
SKILL.md obtenido a través de raw GitHub; el directorio de la habilidad es de un solo archivo (solo SKILL.md), el frontmatter tiene name+description. No se referencian scripts empaquetados — solo JS de Playwright en línea, un osascript clipboard-save de una línea en línea y dos URLs de fuentes CDN públicas que verifiqué que devuelven HTTP 200. No hay problemas de seguridad (sin curl|sh, base64 o exfiltración); escribe en ~/Desktop con rutas ~, sin rutas de máquina codificadas. Para la salida, construí una portada lu.ma de 800x800 dos veces: una línea base (gradiente azul, Arial, centrado) y una siguiendo estrictamente el sistema de diseño (oscuro #0f0f0f, título Geist Bold con resalte naranja, nombre del orador EB Garamond, barras enmarcadas JetBrains Mono, cuadrícula de 40px, foto en escala de grises fuera de la cuadrícula, línea de acento de 3px) — el HTML de la habilidad encarna concretamente cada token declarado y cumple con los tamaños de fuente mínimos, una clara mejora sobre la línea base. No se pudo rasterizar a PNG ya que Playwright/Chromium no está instalado aquí, pero el cumplimiento del sistema de diseño es totalmente verificable en el HTML. Frases de activación probadas — DEBERÍA: "Create a lu.ma cover for the next AGENCY Community meetup", "Make a YouTube thumbnail for tonight's AGENCY meetup recording", "Generate a Telegram announcement image for the AGENCY community event"; NO DEBERÍA: "Design a logo for my coffee brand", "Create a YouTube thumbnail for my cooking channel" (llamada correcta — está limitada a la marca AGENCY Community). Las 5 juzgadas correctamente. La documentación pierde un punto: referencia una plantilla lab-meeting.html en un "youtube-uploader" separado no presente en este repositorio, y asume Playwright sin declarar la dependencia.
Probado el: 2026-07-31 · Claude Code 2.x (agent harness)
Instalación
git clone --depth 1 https://github.com/glebis/claude-skills.git /tmp/agency-socials-src mkdir -p ~/.claude/skills cp -R /tmp/agency-socials-src/agency-socials ~/.claude/skills/agency-socials # Rendering HTML->PNG needs Playwright + Chromium (not bundled): # npm i -g playwright && npx playwright install chromium # Fonts load from public CDNs (fonts.googleapis.com, cdn.jsdelivr.net) at render time — both verified HTTP 200. # Skill is single-file (only SKILL.md); no scripts/ or template files to copy. # Design is hardcoded to the "AGENCY Community" brand; retheme the tokens to reuse elsewhere.
Comandos y prompts de ejemplo
/agency-socialsPortadas de eventos HTML/Playwright y miniaturas de YouTube en un sistema de diseño oscuro fijo
Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):
Create a cover image for this meetup eventDesign a YouTube thumbnail for this recordingMake a social post graphic for this event