consulting-chart

Generate consulting-style charts, card-news, and Remotion animations from plain language prompts.

60|15|Updated Apr 12, 2026
One-click install
npx skills add https://github.com/kimsh-1/gongnangi-chart-skill --skill consulting-chart
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: consulting-chart
Source: https://github.com/kimsh-1/gongnangi-chart-skill/tree/main
Command: npx skills add https://github.com/kimsh-1/gongnangi-chart-skill --skill consulting-chart

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

SMEs and teams often struggle to produce consistent, data-driven visuals for proposals, marketing decks, and social content. This Skill automates the creation of McKinsey/Bain-style charts, Instagram card-news decks, and Remotion-based animations as HTML/CSS assets.

Core Features & Use Cases

  • McKinsey/Bain-style charts: Generate 960x500 data visualizations that can be exported as PNGs or embedded in web pages.
  • Instagram card-news deck: Produce five design themes for 1080x1350 portrait cards, with data slides and visual storytelling.
  • Remotion animations: Create browser-based React animations and outputs (MP4/GIF) for narrative data sequences. Real-world use: marketing decks, client proposals, social media campaigns, and internal reporting.

Quick Start

Create a 960x500 chart comparing revenue by quarter.

Frequently Asked Questions about consulting-chart

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

FAQPage Schema
How do I automate consulting-style data visualizations from plain language prompts?

Automating consulting-style data visualizations from plain language prompts is achieved by generating McKinsey/Bain-style HTML/CSS charts and Remotion animations. This process outputs media-ready assets like 960x500 charts and 1080x1350 card-news for marketing and proposals.

Can I create Instagram card-news decks using HTML and CSS?

You can create Instagram card-news decks using HTML and CSS by generating 1080x1350 portrait cards. The workflow supports five design themes with data slides and visual storytelling, outputting consistent media-ready assets for social media campaigns.

What's the best way to generate Remotion animations for narrative data sequences?

Generating Remotion animations for narrative data sequences is best handled by creating browser-based React animations. This approach renders data storytelling into MP4 or GIF outputs, providing consistent visual formats for client proposals and reporting.

Do I need Node.js and ffmpeg to render Remotion animations and card-news?

You need Node.js 18+, Chrome, ffmpeg, and Remotion installed to render animations and card-news. These underlying tools and dependencies are required to execute the validation and asset organization steps defined in the skill documentation.

What size formats are supported for consulting charts and visual content?

Consulting charts and visual content support 960x500 for data visualizations, 1080x1350 for Instagram card-news, and 1920x1080 for Remotion animations. These dimensions ensure consistent, media-ready visuals across multiple formats for marketing decks.