Skill · 01 · Live · v2026.04.21
The News Drop — one slide, one claim, one CTA.
A Claude Code skill that generates a single pixel-perfect 1440×1800 Instagram post. Corner cartouche brackets, field-note header, spotlight-bracket headline, stamp footer. Full agent instructions baked in — drop it into any project and ask for a news drop.
What's inside
- ID
- thevibefounder-social-insta-slide-skill-01-apr-21
- Version
- 2026.04.21
- Format
- SKILL.md (full agent instructions) + boilerplate.html + README + LICENSE
- Canvas
- 1440 × 1800px (4:5) · Space Mono
- Accent
- Teal #45CA9F · spotlight brackets · ghost-trail italics
- Renderer
- Playwright · headless Chromium · HTML → PNG
- Modes
- Light (default, cream) · Dark (breaking-news gravitas)
- Size
- ~10 KB · zip
- License
- MIT · free to use, remix, adapt
Signature chrome
01
Corner cartouche brackets
Thin teal tick-marks, four corners. Viewfinder frame that anchors the slide.
02
Field-note header
Uppercase monospace metadata. Issue № increments per drop shipped.
03
Spotlight-bracket headline
One word wrapped in teal corner brackets. Static, no animation.
04
Stamp fraction footer
Reads like a rubber stamp. Bottom-right, inside the right cartouche.
When to use
- Yes
- Breaking news · hot takes · standalone announcements
- Yes
- Any post where the statement stands alone
- No
- Step-by-step breakdowns · use Deep Dive
- No
- Belief-flip narratives · use Shift Carousel (10 slides)
- No
- Tool feature launches · use Tools Announcement
How to install
- 01Click Download skill on the right (ZIP from GitHub).
- 02Unzip into
.claude/skills/thevibefounder-social-insta-slide-skill-01-apr-21/in your project. - 03Install the renderer:
npm install+npx playwright install chromium. - 04In Claude Code, ask: "make a news drop about X" — SKILL.md carries the full agent playbook; the skill auto-triggers.
- 05Output PNG lands in
./out/at 1440×1800. Ship.