skills.rest
gongnyang
gongnyangCOMMUNITY
Explore all skills by this author →
GitHub

consulting-chart

Generate consulting charts, Instagram cards, and Remotion animations from HTML/CSS.

60|15|Updated Apr 12, 2026
Search Tags:#automation#visualization#consulting#chart#remotion#cardnews
One-click install
npx skills add https://github.com/gongnyang/gongnangi-chart-skill --skill consulting-chart-gongnyang
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: consulting-chart
Source: https://github.com/gongnyang/gongnangi-chart-skill/tree/main
Command: npx skills add https://github.com/gongnyang/gongnangi-chart-skill --skill consulting-chart-gongnyang

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires node.js, chrome, ffmpeg, remotion, and includes scripts (resource) components.

What problem does it solve?

This Skill solves the challenge of creating high-quality, professional-grade consulting visuals and social media content without manual design software, ensuring consistent branding and data-driven storytelling.

Core Features & Use Cases

  • Consulting Charts: Generates McKinsey/Bain-style data visualizations (bar charts, comparison tables, process flows) as PNGs.
  • Instagram Card News: Creates 4:5 portrait content with 5 distinct design themes (editorial, impact, grid, dark-slim, minimal).
  • Animated Content: Renders React-based Remotion animations (MP4/GIF) for dynamic data presentation.
  • Use Case: Quickly transform raw business data into a polished, branded 4-slide Instagram carousel or a high-impact bar chart for a consulting presentation.

Quick Start

Use the consulting-chart skill to generate an impact-style card news carousel based on the provided business insight text.

Frequently Asked Questions about consulting-chart

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

FAQPage Schema
How do I generate McKinsey-style consulting charts from raw business data?▼

You can generate McKinsey-style consulting charts by transforming raw business data into professional bar charts, comparison tables, and process flows. The skill outputs these visualizations as PNG images using HTML/CSS for consistent branding.

Can I create Instagram card news from text automatically?▼

Yes, you can create Instagram card news automatically from text. The skill generates 4:5 portrait content with five distinct design themes including editorial, impact, grid, dark-slim, and minimal for polished social media carousels.

How does Remotion work for animated data visualization?▼

Remotion renders React-based animations for dynamic data visualization, outputting MP4 or GIF files. It operates alongside Node.js, Chrome headless, and ffmpeg to complete the rendering and encoding tasks for animated consulting content.

Do I need Node.js and ffmpeg to render animated charts?▼

Yes, you need Node.js, Chrome headless, and ffmpeg installed to render animated charts. These dependencies are required for executing Remotion rendering and encoding tasks to output MP4 or GIF files successfully.

What is the best way to automate consulting presentation visuals?▼

The best way to automate consulting presentation visuals is using a skill that applies diverse design themes and automated quality assurance for visual consistency. It processes raw data into polished charts and card news without manual design intervention.

Does this chart generation skill support layout optimization for different themes?▼

Yes, the chart generation skill supports layout optimization across different themes. It includes automated quality assurance to ensure visual consistency and layout optimization for both consulting charts and Instagram card news formats.

Related Skills

Explore More Design & Creative Skills→
MCERQUAMCERQUA
1

hyperframes

Convert HTML compositions into frame-accurate video files using headless Chrome and FFmpeg.

Community
Intermediate
vivy-yivivy-yi
363

data-visualization

Generate charts, graphs, and infographics from provided datasets.

Community
Intermediate
ash-ai-orgash-ai-org
34

analyze

Write and execute Python scripts to analyze datasets with pandas and matplotlib.

Official
Intermediate
POWERFULMOVESPOWERFULMOVES
1

d3-viz

Creates interactive web charts and maps using the D3.js library.

Community
Advanced