Skills
.Work. You
Rest

Tweet Visual Generation

Community

Generate neon tweet images from HTML

Marketing & Sales#content automation#headless rendering#html to png#dashboard reporting#tweet visuals#twitter media upload#cyberpunk design
Authorbuzzbysolcex
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It solves the problem of turning structured reporting data into fast, consistent tweet-ready visuals without manually designing each post.

Core Features & Use Cases

  • Static Card Generation: Creates level-1 PNG tweet cards from HTML templates, including score cards, weekly report summaries, milestones, pipeline stats, and sprint recap infographics.
  • Automated Rendering Pipeline: Renders HTML using a headless dev-browser flow (setContent → screenshot), then saves images to a temporary directory for upload.
  • Twitter Media Upload Workflow: Uploads generated images to Twitter via the media/upload endpoint and returns a media_id for attaching to a tweet.
  • Cyberpunk BuzzBD Styling: Applies a consistent BuzzBD look (dark background, neon green/cyan accents, JetBrains Mono, glow/borders) and enforces common image dimensions (1200x675 and 1080x1080).

Quick Start

Use the skill to render the score-card template into a 1200x675 PNG and upload it to Twitter, returning the media_id to attach to your tweet.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: Tweet Visual Generation
Download link: https://github.com/buzzbysolcex/buzz-bd-agent/archive/main.zip#tweet-visual-generation

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.