canghe-infographic

Name: canghe-infographic
Author: freestylefly

482installs95forks

How to install canghe-infographic?

freestylefly/canghe-skills/canghe-infographic

$npx -y skills add freestylefly/canghe-skills --skill canghe-infographic

Installs into the current project.

Summary

Generates professional infographics with 20 layout types and 17 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics. Use when user asks to create "infographic", "信息图", "visual summary", or "可视化".

Files · 1

View on GitHub

SKILL.md

1	# Infographic Generator
2
3	Two dimensions: layout (information structure) × style (visual aesthetics). Freely combine any layout with any style.
4
5	## Usage
6
7	```bash
8	/canghe-infographic path/to/content.md
9	/canghe-infographic path/to/content.md --layout hierarchical-layers --style technical-schematic
10	/canghe-infographic path/to/content.md --aspect portrait --lang zh
11	/canghe-infographic # then paste content
12	```
13
14	## Options
15
16	\| Option \| Values \|
17	\|--------\|--------\|
18	\| `--layout` \| 20 options (see Layout Gallery), default: bento-grid \|
19	\| `--style` \| 17 options (see Style Gallery), default: craft-handmade \|
20	\| `--aspect` \| landscape (16:9), portrait (9:16), square (1:1) \|
21	\| `--lang` \| en, zh, ja, etc. \|
22
23	## Layout Gallery
24
25	\| Layout \| Best For \|
26	\|--------\|----------\|
27	\| `linear-progression` \| Timelines, processes, tutorials \|
28	\| `binary-comparison` \| A vs B, before-after, pros-cons \|
29	\| `comparison-matrix` \| Multi-factor comparisons \|
30	\| `hierarchical-layers` \| Pyramids, priority levels \|
31	\| `tree-branching` \| Categories, taxonomies \|
32	\| `hub-spoke` \| Central concept with related items \|
33	\| `structural-breakdown` \| Exploded views, cross-sections \|
34	\| `bento-grid` \| Multiple topics, overview (default) \|
35	\| `iceberg` \| Surface vs hidden aspects \|
36	\| `bridge` \| Problem-solution \|
37	\| `funnel` \| Conversion, filtering \|
38	\| `isometric-map` \| Spatial relationships \|
39	\| `dashboard` \| Metrics, KPIs \|
40	\| `periodic-table` \| Categorized collections \|
41	\| `comic-strip` \| Narratives, sequences \|
42	\| `story-mountain` \| Plot structure, tension arcs \|
43	\| `jigsaw` \| Interconnected parts \|
44	\| `venn-diagram` \| Overlapping concepts \|
45	\| `winding-roadmap` \| Journey, milestones \|
46	\| `circular-flow` \| Cycles, recurring processes \|
47
48	Full definitions: `references/layouts/<layout>.md`
49
50	## Style Gallery
51
52	\| Style \| Description \|
53	\|-------\|-------------\|
54	\| `craft-handmade` \| Hand-drawn, paper craft (default) \|
55	\| `claymation` \| 3D clay figures, stop-motion \|
56	\| `kawaii` \| Japanese cute, pastels \|
57	\| `storybook-watercolor` \| Soft painted, whimsical \|
58	\| `chalkboard` \| Chalk on black board \|
59	\| `cyberpunk-neon` \| Neon glow, futuristic \|
60	\| `bold-graphic` \| Comic style, halftone \|
61	\| `aged-academia` \| Vintage science, sepia \|
62	\| `corporate-memphis` \| Flat vector, vibrant \|
63	\| `technical-schematic` \| Blueprint, engineering \|
64	\| `origami` \| Folded paper, geometric \|
65	\| `pixel-art` \| Retro 8-bit \|
66	\| `ui-wireframe` \| Grayscale interface mockup \|
67	\| `subway-map` \| Transit diagram \|
68	\| `ikea-manual` \| Minimal line art \|
69	\| `knolling` \| Organized flat-lay \|
70	\| `lego-brick` \| Toy brick construction \|
71
72	Full definitions: `references/styles/<style>.md`
73
74	## Recommended Combinations
75
76	\| Content Type \| Layout + Style \|
77	\|--------------\|----------------\|
78	\| Timeline/History \| `linear-progression` + `craft-handmade` \|
79	\| Step-by-step \| `linear-progression` + `ikea-manual` \|
80	\| A vs B \| `binary-comparison` + `corporate-memphis` \|
81	\| Hierarchy \| `hierarchical-layers` + `craft-handmade` \|
82	\| Overlap \| `venn-diagram` + `craft-handmade` \|
83	\| Conversion \| `funnel` + `corporate-memphis` \|
84	\| Cycles \| `circular-flow` + `craft-handmade` \|
85	\| Technical \| `structural-breakdown` + `technical-schematic` \|
86	\| Metrics \| `dashboard` + `corporate-memphis` \|
87	\| Educational \| `bento-grid` + `chalkboard` \|
88	\| Journey \| `winding-roadmap` + `storybook-watercolor` \|
89	\| Categories \| `periodic-table` + `bold-graphic` \|
90
91	Default: `bento-grid` + `craft-handmade`
92
93	## Output Structure
94
95	```
96	infographic/{topic-slug}/
97	├── source-{slug}.{ext}
98	├── analysis.md
99	├── structured-content.md
100	├── prompts/infographic.md
101	└── infographic.png
102	```
103
104	Slug: 2-4 words kebab-case from topic. Conflict: append `-YYYYMMDD-HHMMSS`.
105
106	## Core Principles
107
108	- Preserve all source data verbatim—no summarization or rephrasing
109	- Define learning objectives before structuring content
110	- Structure for visual communication (headlines, labels, visual elements)
111
112	## Workflow
113
114	### Step 1: Setup & Analyze
115
116	1.1 Load Preferences (EXTEND.md)
117
118	Use Bash to check EXTEND.md existence (priority order):
119
120	```bash
121	# Check project-level first
122	test -f .canghe-skills/canghe-infographic/EXTEND.md && echo "project"
123
124	# Then user-level (cross-platform: $HOME works on macOS/Linux/WSL)
125	test -f "$HOME/.canghe-skills/canghe-infographic/EXTEND.md" && echo "user"
126	```
127
128	┌────────────────────────────────────────────────────┬───────────────────┐
129	│ Path │ Location │
130	├────────────────────────────────────────────────────┼───────────────────┤
131	│ .canghe-skills/canghe-infographic/EXTEND.md │ Project directory │
132	├────────────────────────────────────────────────────┼───────────────────┤
133	│ $HOME/.canghe-skills/canghe-infographic/EXTEND.md │ User

People who liked this also viewed

6 picks

Type

canghe-infographic

482installs95forks

View on GitHub

How to install canghe-infographic?

freestylefly/canghe-skills/canghe-infographic

$npx -y skills add freestylefly/canghe-skills --skill canghe-infographic

Installs into the current project.

Summary

Files · 1

View on GitHub

SKILL.md

1	# Infographic Generator
2
3	Two dimensions: layout (information structure) × style (visual aesthetics). Freely combine any layout with any style.
4
5	## Usage
6
7	```bash
8	/canghe-infographic path/to/content.md
9	/canghe-infographic path/to/content.md --layout hierarchical-layers --style technical-schematic
10	/canghe-infographic path/to/content.md --aspect portrait --lang zh
11	/canghe-infographic # then paste content
12	```
13
14	## Options
15
16	\| Option \| Values \|
17	\|--------\|--------\|
18	\| `--layout` \| 20 options (see Layout Gallery), default: bento-grid \|
19	\| `--style` \| 17 options (see Style Gallery), default: craft-handmade \|
20	\| `--aspect` \| landscape (16:9), portrait (9:16), square (1:1) \|
21	\| `--lang` \| en, zh, ja, etc. \|
22
23	## Layout Gallery
24
25	\| Layout \| Best For \|
26	\|--------\|----------\|
27	\| `linear-progression` \| Timelines, processes, tutorials \|
28	\| `binary-comparison` \| A vs B, before-after, pros-cons \|
29	\| `comparison-matrix` \| Multi-factor comparisons \|
30	\| `hierarchical-layers` \| Pyramids, priority levels \|
31	\| `tree-branching` \| Categories, taxonomies \|
32	\| `hub-spoke` \| Central concept with related items \|
33	\| `structural-breakdown` \| Exploded views, cross-sections \|
34	\| `bento-grid` \| Multiple topics, overview (default) \|
35	\| `iceberg` \| Surface vs hidden aspects \|
36	\| `bridge` \| Problem-solution \|
37	\| `funnel` \| Conversion, filtering \|
38	\| `isometric-map` \| Spatial relationships \|
39	\| `dashboard` \| Metrics, KPIs \|
40	\| `periodic-table` \| Categorized collections \|
41	\| `comic-strip` \| Narratives, sequences \|
42	\| `story-mountain` \| Plot structure, tension arcs \|
43	\| `jigsaw` \| Interconnected parts \|
44	\| `venn-diagram` \| Overlapping concepts \|
45	\| `winding-roadmap` \| Journey, milestones \|
46	\| `circular-flow` \| Cycles, recurring processes \|
47
48	Full definitions: `references/layouts/<layout>.md`
49
50	## Style Gallery
51
52	\| Style \| Description \|
53	\|-------\|-------------\|
54	\| `craft-handmade` \| Hand-drawn, paper craft (default) \|
55	\| `claymation` \| 3D clay figures, stop-motion \|
56	\| `kawaii` \| Japanese cute, pastels \|
57	\| `storybook-watercolor` \| Soft painted, whimsical \|
58	\| `chalkboard` \| Chalk on black board \|
59	\| `cyberpunk-neon` \| Neon glow, futuristic \|
60	\| `bold-graphic` \| Comic style, halftone \|
61	\| `aged-academia` \| Vintage science, sepia \|
62	\| `corporate-memphis` \| Flat vector, vibrant \|
63	\| `technical-schematic` \| Blueprint, engineering \|
64	\| `origami` \| Folded paper, geometric \|
65	\| `pixel-art` \| Retro 8-bit \|
66	\| `ui-wireframe` \| Grayscale interface mockup \|
67	\| `subway-map` \| Transit diagram \|
68	\| `ikea-manual` \| Minimal line art \|
69	\| `knolling` \| Organized flat-lay \|
70	\| `lego-brick` \| Toy brick construction \|
71
72	Full definitions: `references/styles/<style>.md`
73
74	## Recommended Combinations
75
76	\| Content Type \| Layout + Style \|
77	\|--------------\|----------------\|
78	\| Timeline/History \| `linear-progression` + `craft-handmade` \|
79	\| Step-by-step \| `linear-progression` + `ikea-manual` \|
80	\| A vs B \| `binary-comparison` + `corporate-memphis` \|
81	\| Hierarchy \| `hierarchical-layers` + `craft-handmade` \|
82	\| Overlap \| `venn-diagram` + `craft-handmade` \|
83	\| Conversion \| `funnel` + `corporate-memphis` \|
84	\| Cycles \| `circular-flow` + `craft-handmade` \|
85	\| Technical \| `structural-breakdown` + `technical-schematic` \|
86	\| Metrics \| `dashboard` + `corporate-memphis` \|
87	\| Educational \| `bento-grid` + `chalkboard` \|
88	\| Journey \| `winding-roadmap` + `storybook-watercolor` \|
89	\| Categories \| `periodic-table` + `bold-graphic` \|
90
91	Default: `bento-grid` + `craft-handmade`
92
93	## Output Structure
94
95	```
96	infographic/{topic-slug}/
97	├── source-{slug}.{ext}
98	├── analysis.md
99	├── structured-content.md
100	├── prompts/infographic.md
101	└── infographic.png
102	```
103
104	Slug: 2-4 words kebab-case from topic. Conflict: append `-YYYYMMDD-HHMMSS`.
105
106	## Core Principles
107
108	- Preserve all source data verbatim—no summarization or rephrasing
109	- Define learning objectives before structuring content
110	- Structure for visual communication (headlines, labels, visual elements)
111
112	## Workflow
113
114	### Step 1: Setup & Analyze
115
116	1.1 Load Preferences (EXTEND.md)
117
118	Use Bash to check EXTEND.md existence (priority order):
119
120	```bash
121	# Check project-level first
122	test -f .canghe-skills/canghe-infographic/EXTEND.md && echo "project"
123
124	# Then user-level (cross-platform: $HOME works on macOS/Linux/WSL)
125	test -f "$HOME/.canghe-skills/canghe-infographic/EXTEND.md" && echo "user"
126	```
127
128	┌────────────────────────────────────────────────────┬───────────────────┐
129	│ Path │ Location │
130	├────────────────────────────────────────────────────┼───────────────────┤
131	│ .canghe-skills/canghe-infographic/EXTEND.md │ Project directory │
132	├────────────────────────────────────────────────────┼───────────────────┤
133	│ $HOME/.canghe-skills/canghe-infographic/EXTEND.md │ User

People who liked this also viewed

6 picks

Type