Agency Socials

Okładki wydarzeń HTML/Playwright i miniatury YouTube w stałym ciemnym systemie projektowym

Działa po konfiguracji ★ 7.6/10

Co robi ten skill

Generuje okładki mediów społecznościowych, miniatury YouTube i obrazy postów Telegram dla wydarzeń AGENCY Community, tworząc pliki HTML zgodnie ze stałym systemem projektowym (ciemna paleta #0f0f0f, czcionki Geist/EB Garamond/JetBrains Mono, pomarańczowy akcent, układ siatki z ramkami), a następnie renderując je do 2x PNG za pomocą Playwright. Uruchamia się, gdy użytkownik prosi o utworzenie okładki wydarzenia, miniatury spotkania lub posta społecznościowego dla AGENCY Community. Tokeny projektowe i struktura układu są określone wystarczająco precyzyjnie, aby odtworzyć wygląd bez podglądu na żywo.

Raport z testu

Pobrano SKILL.md poprzez surowy GitHub; katalog umiejętności jest jednoplikowy (tylko SKILL.md), frontmatter ma name+description. Brak odwołań do dołączonych skryptów — tylko wbudowany Playwright JS, wbudowany jedno-liniowy osascript do zapisywania schowka oraz dwa publiczne adresy URL czcionek CDN, które zweryfikowałem jako zwracające HTTP 200. Brak zagrożeń bezpieczeństwa (brak curl|sh, base64 ani eksfiltracji); zapisuje do ~/Desktop ze ścieżkami ~, brak zakodowanych na stałe ścieżek maszynowych. Dla wyjścia dwukrotnie zbudowałem okładkę lu.ma 800x800: bazową (niebieski gradient, Arial, wyśrodkowany) i jedną ściśle zgodną z systemem projektowym (ciemny #0f0f0f, tytuł Geist Bold z pomarańczowym wyróżnieniem, nazwa prelegenta EB Garamond, ramki JetBrains Mono, siatka 40px, zdjęcie poza siatką w skali szarości, linia akcentu 3px) — HTML umiejętności konkretnie ucieleśnia każdy podany token i spełnia minimalne rozmiary czcionek, co stanowi wyraźną poprawę w stosunku do linii bazowej. Nie można było rasteryzować do PNG, ponieważ Playwright/Chromium nie jest tutaj zainstalowany, ale zgodność z systemem projektowym jest w pełni weryfikowalna w HTML. Przetestowane frazy wyzwalające — POWINNO: „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”; NIE POWINNO: „Design a logo for my coffee brand”, „Create a YouTube thumbnail for my cooking channel” (prawidłowa decyzja — jest to ograniczone do marki AGENCY Community). Wszystkie 5 oceniono prawidłowo. Dokumentacja traci punkt: odwołuje się do szablonu lab-meeting.html w oddzielnym „youtube-uploader” nieobecnym w tym repozytorium i zakłada Playwright bez podawania zależności.

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

Instalacja

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.

Komendy i przykładowe prompty

/agency-socialsOkładki wydarzeń HTML/Playwright i miniatury YouTube w stałym ciemnym systemie projektowym

Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):

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

Pełny raport →