skills.rest
buzzbysolcex
buzzbysolcexCOMMUNITY
Explore all skills by this author →
Website𝕏@BuzzBySolCexGitHub

Tweet Visual Generation

Render BuzzBD-styled HTML templates into PNGs and upload them to Twitter.

5|2|Updated Feb 6, 2026
Search Tags:#content automation#headless rendering#html to png#dashboard reporting#tweet visuals#twitter media upload#cyberpunk design
One-click install
npx skills add https://github.com/buzzbysolcex/buzz-bd-agent --skill tweet-visual-generation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Tweet Visual Generation
Source: https://github.com/buzzbysolcex/buzz-bd-agent/tree/main/.claude/skills/tweet-visuals
Command: npx skills add https://github.com/buzzbysolcex/buzz-bd-agent --skill tweet-visual-generation

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about Tweet Visual Generation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I convert HTML to PNG for tweet visuals?▼

To convert HTML to PNG for tweet visuals, this skill renders BuzzBD-styled HTML templates into static images using a headless browser flow. It saves the output to a temporary directory, enforcing 1200x675 or 1080x1080 viewport sizing for social publishing.

Can I upload generated images directly to Twitter media via API?▼

Yes, you can upload generated PNG files to Twitter media via API. The skill handles OAuth 1.0a chunked media upload through Twitter's media/upload endpoint, returning a media_id required for attaching the visual to your tweet.

What is the best way to automate weekly report summary graphics for Twitter?▼

The best way to automate weekly report summary graphics is using predefined HTML templates that render into consistent neon-styled PNG cards. This eliminates manual design by applying deterministic browser-based rendering to structured reporting data.

Does Tweet Visual Generation support 16:9 and square image dimensions?▼

Tweet Visual Generation supports 16:9 and square image dimensions by enforcing common viewport sizes during HTML rendering. It generates 1200x675 pixels for 16:9 score cards and 1080x1080 pixels for square social media graphics.

What does headless rendering mean for automated dashboard reporting?▼

Headless rendering for automated dashboard reporting means using a background browser process to capture HTML content as a screenshot. This allows deterministic generation of tweet-ready static images without opening a visible browser window.

Do I need OAuth 1.0a authentication to post tweet visuals?▼

Yes, you need OAuth 1.0a authentication to post tweet visuals. The skill requires this protocol to securely authorize chunked media uploads to the Twitter API, ensuring your generated PNG files are correctly attached to tweets.

Related Skills

Explore More Marketing & Sales Skills→
uv-xiaouv-xiao
1

uv-styled-prompts

Convert per-page content prompts into styled prompts using a Markdown style brief.

Community
Advanced
lenadlmlenadlm

xitter

Automate tweet posting and timeline reading via the X/Twitter API using x-cli.

Community
Intermediate
hmzainjamilhmzainjamil
1

Trello Automation

Automates Trello board and card workflows including assignments, due dates, Slack notifications, and reporting.

Community
Advanced
vuminhieuvuminhieu

mermaidjs-v11

Render Mermaid.js v11 diagrams to SVG, PNG, or PDF via CLI.

Community
Intermediate