Gerador de Imagens HTML
CommunityTurn HTML/CSS into on-brand PNGs
AuthorbellaFG
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Converts HTML/CSS templates and brand assets into high-quality raster images so teams can produce consistent, on-brand social media posts, banners, OG images and thumbnails without manual graphic design tooling.
Core Features & Use Cases
- HTML to PNG rendering: Render self-contained HTML/CSS into retina PNGs for feed, story, banner, og-image and thumbnail formats.
- Brand-aware generation: Uses project context (brand.json, company.md, .image-gen assets, templates and history) and a searchable design system to keep outputs on-brand and varied.
- Onboarding & automation: Collaborative onboarding flow to capture identity, reusable templates, campaign support, and scripts to search design guidelines and persist design systems.
Quick Start
Generate a 1080x1080 feed image by rendering your HTML template with the provided render script and specifying the format and output file.
Dependency Matrix
Required Modules
puppeteer
Components
scripts
💻 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: Gerador de Imagens HTML Download link: https://github.com/bellaFG/html-image-generator/archive/main.zip#gerador-de-imagens-html Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.