skills.rest
zhboner
zhbonerCOMMUNITY
Explore all skills by this author →
GitHub

infographic-poster

Converts structured information into print-quality inline HTML poster widgets.

Updated Apr 6, 2026
Search Tags:#data visualization#poster#cheatsheet#infographic#editorial design#inline html#CJK typography
One-click install
npx skills add https://github.com/zhboner/Agent-Skills --skill infographic-poster
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: infographic-poster
Source: https://github.com/zhboner/Agent-Skills/tree/main/Global-skills/infographic-poster
Command: npx skills add https://github.com/zhboner/Agent-Skills --skill infographic-poster

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It transforms structured text and key details into clean, print-quality infographic poster layouts that are ready to share and understand at a glance.

Core Features & Use Cases

  • Editorial poster widget: Produces a single self-contained inline HTML widget rendered for a “printed document” feel rather than a web page.
  • Layout for common visual document types: Supports cheatsheets, reference cards, safety or how-to guides (checklists), comparisons (feature grids), and data summaries using consistent poster components.
  • Design adaptation from inputs: Derives palette and hierarchy from the user’s content (and can adapt when an image is provided for remixing or style alignment).
  • CJK-ready typography: Loads both a CJK-capable serif and a monospace stack so multilingual posters render correctly.

Quick Start

Use the infographic-poster skill to generate a poster from the attached structured notes so the result is a single inline HTML widget you can display with show_widget.

Frequently Asked Questions about infographic-poster

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

FAQPage Schema
How do I turn structured text into a print-quality infographic poster?▼

To create an infographic poster, provide your structured text to the skill, which converts the information into a self-contained inline HTML widget with editorial layout components and consistent typography. This generates a print-ready visual document rather than a standard web page.

Can I generate a cheatsheet or reference card with CJK typography?▼

Yes, you can generate a cheatsheet or reference card with CJK typography. The skill loads a CJK-capable serif font stack and a monospace stack, ensuring multilingual poster content renders correctly within the HTML widget.

What is the best way to create a data summary visual from structured notes?▼

The best way to create a data summary visual is to input your structured notes for the skill to derive the design palette and hierarchy. It outputs a single inline HTML widget rendered via show_widget, providing a professionally designed poster layout.

Does the infographic poster generation require external dependencies or components?▼

No, the infographic poster generation requires no external dependencies or components. It produces a fully self-contained inline HTML widget, using loaded font stacks and CSS variables for styling, ensuring the visual document renders independently.

Can I use an image to remix or align the style of an editorial poster?▼

Yes, you can provide an image to remix or align the style of an editorial poster. The skill adapts the design palette and visual hierarchy from the provided image alongside your structured content to match the desired aesthetic.

What visual document types are supported for infographic layout generation?▼

Infographic layout generation supports cheatsheets, reference cards, safety guides, how-to checklists, feature comparison grids, and data summaries. It applies consistent poster components to format these structured inputs into editorial HTML widgets.

Related Skills

Explore More Design & Creative Skills→
dmccrearydmccreary
90

mermaid-generator

Generate interactive Mermaid workflow diagrams as standalone HTML MicroSim packages.

Community
Basic
PiercingXXPiercingXX
1

motion-frames

Generate self-contained HTML motion posters with inline CSS animations.

Community
Basic
NagyViktNagyVikt
2

geist

Configure Vercel's Geist font family in Next.js and Tailwind CSS environments.

Community
Intermediate
framerslabframerslab

interactive-widgets

Generate interactive HTML/CSS/JS widgets for web-based data visualization.

Official
Advanced