Agency Socials

Copertine eventi HTML/Playwright e miniature YouTube in un sistema di design scuro fisso

Richiede configurazione ★ 7.6/10

Cosa fa

Genera copertine per social media, miniature YouTube e immagini per post Telegram per eventi della AGENCY Community producendo file HTML contro un sistema di design fisso (palette scura #0f0f0f, caratteri Geist/EB Garamond/JetBrains Mono, accento arancione, layout a griglia incorniciata) quindi renderizzandoli in PNG 2x con Playwright. Si attiva quando un utente chiede di creare una copertina per un evento, una miniatura per un meetup o un post social della community per la AGENCY Community. I token di design e la struttura del layout sono specificati in modo sufficientemente preciso da riprodurre l'aspetto senza un'anteprima dal vivo.

Rapporto di test

SKILL.md recuperato tramite raw GitHub; la directory della skill è a file singolo (solo SKILL.md), il frontmatter ha name+description. Nessuno script in bundle referenziato — solo JS Playwright inline, un one-liner osascript per salvare negli appunti inline e due URL di font CDN pubblici che ho verificato restituiscono HTTP 200. Nessun problema di sicurezza (nessun curl|sh, base64 o esfiltrazione); scrive in ~/Desktop con percorsi ~, nessun percorso macchina hardcoded. Per l'output ho costruito una copertina lu.ma 800x800 due volte: una baseline (sfumatura blu, Arial, centrato) e una che seguiva rigorosamente il sistema di design (scuro #0f0f0f, titolo Geist Bold con span di evidenziazione arancione, nome relatore EB Garamond, barre incorniciate JetBrains Mono, griglia 40px, foto fuori griglia in scala di grigi, linea d'accento 3px) — l'HTML della skill incarna concretamente ogni token dichiarato e soddisfa le dimensioni minime dei font, un chiaro miglioramento rispetto alla baseline. Non è stato possibile rasterizzare in PNG poiché Playwright/Chromium non è installato qui, ma la conformità al sistema di design è completamente verificabile nell'HTML. Frasi trigger testate — DOVREBBE: "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"; NON DOVREBBE: "Design a logo for my coffee brand", "Create a YouTube thumbnail for my cooking channel" (corretto — è brand-scoped alla AGENCY Community). Tutti e 5 giudicati correttamente. La documentazione perde un punto: fa riferimento a un template lab-meeting.html in un "youtube-uploader" separato non presente in questo repo e presuppone Playwright senza dichiarare la dipendenza.

Testato il: 2026-07-31 · Claude Code 2.x (agent harness)

Installazione

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.

Comandi e prompt di esempio

/agency-socialsCopertine eventi HTML/Playwright e miniature YouTube in un sistema di design scuro fisso

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

Create a cover image for this meetup event
Design a YouTube thumbnail for this recording
Make a social post graphic for this event

Rapporto completo →