changelog-infographic

Generate PNG infographics from structured Claude Code changelog summaries.

Updated Dec 21, 2025
One-click install
npx skills add https://github.com/s-hiraoku/claude-code-harnesses-factory --skill changelog-infographic
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: changelog-infographic
Source: https://github.com/s-hiraoku/claude-code-harnesses-factory/tree/main/plugins/cc-version-updater/skills/changelog-infographic
Command: npx skills add https://github.com/s-hiraoku/claude-code-harnesses-factory --skill changelog-infographic

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill converts structured changelog summaries into visually engaging PNG infographics, making release notes easier to understand and share.

Core Features & Use Cases

  • Infographic Generation: Transform version deltas, features, and improvements into an organized visual story.
  • Input Integration: Accepts structured data from the changelog-interpreter to produce consistent visuals.
  • Use Case: After a changelog is summarized, generate a share-ready infographic for product blogs, release notes, or stakeholder updates.

Quick Start

Generate an infographic from a structured changelog summary containing previousVersion, latestVersion, and features; save as 'changelog-2.0.76.png'.

Frequently Asked Questions about changelog-infographic

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

FAQPage Schema
How do I convert a changelog into a shareable infographic?

Generate a PNG infographic by feeding structured changelog data from a changelog interpreter into this Skill. It transforms version deltas, features, and improvements into a visually organized design with header, feature cards, and sections for fixes—saved as a ready-to-share PNG file.

What input format does the changelog infographic generator expect?

The Skill accepts structured changelog summaries containing previousVersion, latestVersion, and features list. This data typically comes from a changelog-interpreter output, ensuring consistent formatting before visualization.

Can I use changelog infographics for product release announcements?

Yes. The Skill generates publication-ready PNG infographics designed for product blogs, release notes, and stakeholder updates. The fixed 1200px width and dynamic height (800–1600px) make it suitable for web and social sharing.

What design specifications does the infographic follow?

Infographics adhere to a 1200px-wide canvas with dynamic height, 12-column grid layout, Claude-brand color palette, accessible typography hierarchy, and semantic HTML principles for readability and compliance.

Do I need to prepare changelog data before generating the infographic?

Yes. Use a changelog-interpreter Skill first to produce a structured summary with version numbers and feature data. This Skill consumes that structured output and generates the PNG visualization.

What makes infographic-based changelogs better than plain text release notes?

Infographics simplify complex release information through visual hierarchy, making version changes easier to scan and understand. They support external sharing without requiring technical context and help non-technical stakeholders grasp release impact quickly.