Agency Socials
HTML/Playwright event covers and YouTube thumbnails in a fixed dark design system
Test report
- Verdict
- Works with setup
- Score
- Tested
- Jul 31, 2026
- Environment
- Claude Code 2.x (agent harness)
- Upstream re-checked
- Aug 10, 2026 · f035888
Fetched SKILL.md via raw GitHub; the skill dir is single-file (SKILL.md only), frontmatter has name+description. No bundled scripts referenced — only inline Playwright JS, an inline osascript clipboard-save one-liner, and two public CDN font URLs which I verified return HTTP 200. No security smells (no curl|sh, base64, or exfiltration); writes to ~/Desktop with ~ paths, no hardcoded machine paths. For output I built an 800x800 lu.ma cover twice: a baseline (blue gradient, Arial, centered) and one strictly following the design system (dark #0f0f0f, Geist Bold title with orange highlight span, EB Garamond speaker name, JetBrains Mono framed bars, 40px grid, grayscale off-grid photo, 3px accent line) — the skill HTML concretely embodies every stated token and meets the min font sizes, a clear improvement over baseline. Could not rasterize to PNG since Playwright/Chromium is not installed here, but the design-system compliance is fully verifiable in the HTML. Trigger phrasings tested — SHOULD: "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"; SHOULD NOT: "Design a logo for my coffee brand", "Create a YouTube thumbnail for my cooking channel" (right call — it's brand-scoped to AGENCY Community). All 5 judged correctly. Docs lose a point: references a lab-meeting.html template in a separate "youtube-uploader" not present in this repo, and assumes Playwright without stating the dependency.
Scored on four weighted criteria — install, triggering, output vs. baseline, docs. How scoring works
- Installs cleanly 5/5
- Triggers reliably 5/5
- Output vs. baseline 5/10
- Docs & honesty 4/5
What Agency Socials does
Generates social media covers, YouTube thumbnails, and Telegram post images for AGENCY Community events by producing HTML files against a fixed design system (dark #0f0f0f palette, Geist/EB Garamond/JetBrains Mono type, orange accent, framed grid layout) then rendering them to 2x PNG with Playwright. Triggers when a user asks to create an event cover, meetup thumbnail, or community social post for the AGENCY Community. The design tokens and layout structure are specified precisely enough to reproduce the look without a live preview.
How to install Agency Socials
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.
Skills live in ~/.claude/skills/ (global) or .claude/skills/
(per-project). Restart Claude Code after installing.
Commands — how to trigger Agency Socials
-
/agency-socialsHTML/Playwright event covers and YouTube thumbnails in a fixed dark design system
It also activates on plain-language prompts like these:
-
Create a cover image for this meetup event -
Design a YouTube thumbnail for this recording -
Make a social post graphic for this event
Frequently asked questions
- Is the Agency Socials skill free?
- Yes. The skill itself is free from glebis/claude-skills. SkillProof publishes the install command and an independent test verdict at no cost.
- Does Agency Socials work with Claude Code?
- We tested it with Claude Code 2.x (agent harness) on Jul 31, 2026. Verdict: Works with setup. Fetched SKILL.md via raw GitHub; the skill dir is single-file (SKILL.md only), frontmatter has name+description. No bundled scripts referenced — only inline Playwright JS, an inline osascript clipboard-save one-liner, and two public CDN font URLs which I verified return HTTP 200. No security smells (no curl|sh, base64, or exfiltration); writes to ~/Desktop with ~ paths, no hardcoded machine paths. For output I built an 800x800 lu.ma cover twice: a baseline (blue gradient, Arial, centered) and one strictly following the design system (dark #0f0f0f, Geist Bold title with orange highlight span, EB Garamond speaker name, JetBrains Mono framed bars, 40px grid, grayscale off-grid photo, 3px accent line) — the skill HTML concretely embodies every stated token and meets the min font sizes, a clear improvement over baseline. Could not rasterize to PNG since Playwright/Chromium is not installed here, but the design-system compliance is fully verifiable in the HTML. Trigger phrasings tested — SHOULD: "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"; SHOULD NOT: "Design a logo for my coffee brand", "Create a YouTube thumbnail for my cooking channel" (right call — it's brand-scoped to AGENCY Community). All 5 judged correctly. Docs lose a point: references a lab-meeting.html template in a separate "youtube-uploader" not present in this repo, and assumes Playwright without stating the dependency.
- What is the Agency Socials SkillProof Score?
- 7.6/10 — installs cleanly 5/5, triggers reliably 5/5, output vs. baseline 5/10, docs & honesty 4/5.
- How do I install Agency Socials?
- Copy the install command from this page, run it in your terminal, and restart Claude Code. Skills live in ~/.claude/skills/ (global) or .claude/skills/ inside a project.
- Can I use Agency Socials with Cursor, Copilot, Gemini CLI, Codex or other AI tools?
- The SKILL.md format is native to Claude (Claude Code, Desktop, claude.ai). The instructions inside adapt to other assistants: Cursor rules, GitHub Copilot instructions, Windsurf rules, Custom GPTs, AGENTS.md for OpenAI Codex, and GEMINI.md for Google Gemini CLI — our conversion guides cover each, and the free converter on the tools page does the wrapping for you.