Agency Socials

HTML/Playwright event covers och YouTube-miniatyrbilder i ett fast mörkt designsystem

Fungerar med konfiguration ★ 7.6/10

Vad den gör

Genererar sociala medier-omslag, YouTube-miniatyrbilder och Telegram-inläggsbilder för AGENCY Community-evenemang genom att producera HTML-filer mot ett fast designsystem (mörk #0f0f0f-palett, Geist/EB Garamond/JetBrains Mono-typsnitt, orange accent, inramad rutnätslayout) och sedan rendera dem till 2x PNG med Playwright. Utlöses när en användare ber att skapa ett event cover, meetup thumbnail eller community social post för AGENCY Community. Designtokens och layoutstruktur är specificerade tillräckligt noggrant för att reproducera utseendet utan en live-förhandsgranskning.

Testrapport

Hämtade SKILL.md via rå GitHub; färdighetskatalogen är en enda fil (endast SKILL.md), frontmatter har name+description. Inga medföljande skript refereras — endast inline Playwright JS, en inline osascript clipboard-save one-liner, och två offentliga CDN-font-URL:er som jag verifierade returnerade HTTP 200. Inga säkerhetsbrister (ingen curl|sh, base64 eller exfiltration); skriver till ~/Desktop med ~-sökvägar, inga hårdkodade maskinsökvägar. För utdata byggde jag ett 800x800 lu.ma-omslag två gånger: en baslinje (blå gradient, Arial, centrerad) och en som strikt följde designsystemet (mörk #0f0f0f, Geist Bold-titel med orange highlight span, EB Garamond-talarnamn, JetBrains Mono-inramade staplar, 40px rutnät, gråskale-off-grid-foto, 3px accentlinje) — färdighetens HTML förkroppsligar konkret varje angiven token och uppfyller minsta fontstorlekar, en tydlig förbättring jämfört med baslinjen. Kunde inte rasterisera till PNG eftersom Playwright/Chromium inte är installerat här, men designsystemets överensstämmelse är fullt verifierbar i HTML. Trigger-fraseringar testade — BÖR: "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"; BÖR INTE: "Design a logo for my coffee brand", "Create a YouTube thumbnail for my cooking channel" (korrekt — det är varumärkesbundet till AGENCY Community). Alla 5 bedömdes korrekt. Dokumentation förlorar en poäng: refererar till en lab-meeting.html-mall i en separat "youtube-uploader" som inte finns i detta repo, och antar Playwright utan att ange beroendet.

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

Installation

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.

Kommandon och exempelprompter

/agency-socialsHTML/Playwright event covers och YouTube-miniatyrbilder i ett fast mörkt designsystem

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

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

Läs hela rapporten →