skills.rest
schmidtkk
schmidtkkCOMMUNITY
Explore all skills by this author →
GitHub

news-to-image

Convert news content JSON into three vertical PNG cards.

Updated Aug 23, 2026
Search Tags:#automation#templates#rendering#visualization#news#multilingual
One-click install
npx skills add https://github.com/schmidtkk/skills --skill news-to-image
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: news-to-image
Source: https://github.com/schmidtkk/skills/tree/main/news-to-image-skill
Command: npx skills add https://github.com/schmidtkk/skills --skill news-to-image

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer, html2image, wkhtmltoimage, and includes scripts (resource) components.

What problem does it solve?

Transforms news content into ready-to-share vertical PNG cards, eliminating manual design work and speeding up publication workflows.

Core Features & Use Cases

  • Generate 3 distinct vertical news card templates: Dark Tech, Newspaper, and Mobile Card.
  • Supports English and Chinese content, enabling multilingual news visuals for international audiences.
  • End-to-end workflow: from content JSON to rendered PNGs using deterministic steps and templates suitable for social media, newsletters, and dashboards.

Quick Start

Provide a content JSON and run the render script to generate three PNG news cards.

Frequently Asked Questions about news-to-image

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

FAQPage Schema
How do I convert news content into vertical PNG cards for social media?▼

To convert news content into vertical PNG cards, provide a content JSON and run the render script to generate three distinct visual summaries. This applies deterministic template rendering to automate end-to-end PNG export.

What is the best way to automate news visualization for multilingual audiences?▼

Automating news visualization for multilingual audiences is handled by rendering English and Chinese content into consistent visual templates. This eliminates manual design work by normalizing content JSON into three ready-to-share PNG formats.

Do I need puppeteer or html2image installed to render news cards?▼

You need puppeteer, html2image, or wkhtmltoimage installed to render news cards. These dependencies drive the included scripts for end-to-end HTML template rendering and PNG export.

What templates are available for automated news rendering?▼

Available templates for automated news rendering include Dark Tech, Newspaper, and Mobile Card formats. These three templates provide distinct vertical PNG layouts suitable for social media, newsletters, and dashboards.

Can I use these rendering scripts for Chinese news content?▼

You can use these rendering scripts for Chinese news content because the templates support multilingual visualization. The content normalization and rendering process supports both English and Chinese inputs to generate PNG cards.

Why does my news-to-image rendering workflow require a content JSON?▼

Your news-to-image rendering workflow requires a content JSON because the scripts use it for content normalization. Providing structured JSON ensures deterministic template rendering and accurate PNG export without manual design work.

Related Skills

Explore More Design & Creative Skills→
VYRE-StudiosVYRE-Studios

canvas-design

Generate HTML/CSS visual designs and render them to PNG or PDF.

Official
Intermediate
hylarucoderhylarucoder
278

create-visual-card

Generate single-frame visual cards as HTML layouts and PNG images.

Community
Advanced
fishyerfishyer
1

gws-modelarmor-sanitize-prompt

Sanitize user prompts using Model Armor templates.

Community
Intermediate
NITISH-gitbitNITISH-gitbit

baoyu-infographic

Generate infographics from user input using selected layouts and styles.

Community
Advanced