canghe-infographic by freestylefly/canghe-skills
npx skills add https://github.com/freestylefly/canghe-skills --skill canghe-infographic两个维度:布局(信息结构) × 风格(视觉美学)。可自由组合任意布局与任意风格。
/canghe-infographic path/to/content.md
/canghe-infographic path/to/content.md --layout hierarchical-layers --style technical-schematic
/canghe-infographic path/to/content.md --aspect portrait --lang zh
/canghe-infographic # 然后粘贴内容
| 选项 | 可选值 |
|---|---|
--layout | 20 种选项(见布局图库),默认:bento-grid |
--style | 17 种选项(见风格图库),默认:craft-handmade |
--aspect | landscape (16:9), portrait (9:16), square (1:1) |
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
--lang | en, zh, ja 等 |
| 布局 | 最适合 |
|---|---|
linear-progression | 时间线、流程、教程 |
binary-comparison | A 与 B 对比、前后对比、优缺点 |
comparison-matrix | 多因素比较 |
hierarchical-layers | 金字塔、优先级层次 |
tree-branching | 分类、分类法 |
hub-spoke | 中心概念与相关项 |
structural-breakdown | 分解视图、剖面图 |
bento-grid | 多主题、概览(默认) |
iceberg | 表面与隐藏方面 |
bridge | 问题-解决方案 |
funnel | 转化、筛选 |
isometric-map | 空间关系 |
dashboard | 指标、关键绩效指标 |
periodic-table | 分类集合 |
comic-strip | 叙述、序列 |
story-mountain | 情节结构、张力弧线 |
jigsaw | 相互关联的部分 |
venn-diagram | 重叠概念 |
winding-roadmap | 旅程、里程碑 |
circular-flow | 循环、重复过程 |
完整定义:references/layouts/<layout>.md
| 风格 | 描述 |
|---|---|
craft-handmade | 手绘、纸艺(默认) |
claymation | 3D 粘土人偶、定格动画 |
kawaii | 日式可爱、柔和色彩 |
storybook-watercolor | 柔和绘画、奇幻风格 |
chalkboard | 黑板粉笔画 |
cyberpunk-neon | 霓虹发光、未来感 |
bold-graphic | 漫画风格、半色调 |
aged-academia | 复古科学、棕褐色调 |
corporate-memphis | 扁平矢量、鲜艳色彩 |
technical-schematic | 蓝图、工程图 |
origami | 折纸、几何图形 |
pixel-art | 复古 8 位像素艺术 |
ui-wireframe | 灰度界面线框图 |
subway-map | 交通线路图 |
ikea-manual | 极简线条艺术 |
knolling | 有序平铺展示 |
lego-brick | 乐高积木搭建 |
完整定义:references/styles/<style>.md
| 内容类型 | 布局 + 风格 |
|---|---|
| 时间线/历史 | linear-progression + craft-handmade |
| 分步指南 | linear-progression + ikea-manual |
| A 与 B 对比 | binary-comparison + corporate-memphis |
| 层级结构 | hierarchical-layers + craft-handmade |
| 重叠关系 | venn-diagram + craft-handmade |
| 转化流程 | funnel + corporate-memphis |
| 循环过程 | circular-flow + craft-handmade |
| 技术说明 | structural-breakdown + technical-schematic |
| 指标数据 | dashboard + corporate-memphis |
| 教育内容 | bento-grid + chalkboard |
| 旅程故事 | winding-roadmap + storybook-watercolor |
| 分类集合 | periodic-table + bold-graphic |
默认:bento-grid + craft-handmade
infographic/{topic-slug}/
├── source-{slug}.{ext}
├── analysis.md
├── structured-content.md
├── prompts/infographic.md
└── infographic.png
Slug:由主题生成的 2-4 个单词的 kebab-case 格式。冲突时:追加 -YYYYMMDD-HHMMSS。
1.1 加载偏好设置 (EXTEND.md)
使用 Bash 检查 EXTEND.md 是否存在(优先级顺序):
# 先检查项目级别
test -f .canghe-skills/canghe-infographic/EXTEND.md && echo "project"
# 然后检查用户级别(跨平台:$HOME 适用于 macOS/Linux/WSL)
test -f "$HOME/.canghe-skills/canghe-infographic/EXTEND.md" && echo "user"
┌────────────────────────────────────────────────────┬───────────────────┐ │ 路径 │ 位置 │ ├────────────────────────────────────────────────────┼───────────────────┤ │ .canghe-skills/canghe-infographic/EXTEND.md │ 项目目录 │ ├────────────────────────────────────────────────────┼───────────────────┤ │ $HOME/.canghe-skills/canghe-infographic/EXTEND.md │ 用户主目录 │ └────────────────────────────────────────────────────┴───────────────────┘
┌───────────┬───────────────────────────────────────────────────────────────────────────┐ │ 结果 │ 操作 │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ 找到 │ 读取、解析、显示摘要 │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ 未找到 │ 使用 AskUserQuestion 询问用户(见 references/config/first-time-setup.md) │ └───────────┴───────────────────────────────────────────────────────────────────────────┘
EXTEND.md 支持:首选布局/风格 | 默认宽高比 | 自定义风格定义 | 语言偏好
模式:references/config/preferences-schema.md
1.2 分析内容 → analysis.md
source.md)
source.md 已存在,则重命名为 source-backup-YYYYMMDD-HHMMSS.mdanalysis.md 已存在,则重命名为 analysis-backup-YYYYMMDD-HHMMSS.md详见 references/analysis-framework.md 获取详细格式。
structured-content.md将内容转换为信息图结构:
规则:仅使用 Markdown。不添加新信息。所有数据逐字保留。
详见 references/structured-content-template.md 获取详细格式。
基于以下因素推荐 3-5 种布局×风格组合:
使用 单个 AskUserQuestion 调用,包含多个问题,一次性确认所有选项:
| 问题 | 何时询问 | 选项 |
|---|---|---|
| 组合 | 始终 | 3+ 个布局×风格组合及其理由 |
| 宽高比 | 始终 | landscape (16:9), portrait (9:16), square (1:1) |
| 语言 | 仅当源语言 ≠ 用户语言时 | 文本内容的语言 |
重要:请勿拆分为单独的 AskUserQuestion 调用。将所有适用问题合并到一个调用中。
prompts/infographic.md备份规则:如果 prompts/infographic.md 已存在,则重命名为 prompts/infographic-backup-YYYYMMDD-HHMMSS.md
组合以下内容:
references/layouts/<layout>.md 的布局定义references/styles/<style>.md 的风格定义references/base-prompt.md 的基础模板infographic.png 是否存在
infographic-backup-YYYYMMDD-HHMMSS.png报告:主题、布局、风格、宽高比、语言、输出路径、创建的文件。
references/analysis-framework.md - 分析方法论references/structured-content-template.md - 内容格式references/base-prompt.md - 提示词模板references/layouts/<layout>.md - 20 种布局定义references/styles/<style>.md - 17 种风格定义通过 EXTEND.md 进行自定义配置。有关路径和支持的选项,请参见 步骤 1.1。
每周安装量
115
代码仓库
GitHub 星标数
183
首次出现
2026年2月24日
安全审计
安装于
github-copilot114
codex114
gemini-cli114
kimi-cli114
cursor114
opencode114
Two dimensions: layout (information structure) × style (visual aesthetics). Freely combine any layout with any style.
/canghe-infographic path/to/content.md
/canghe-infographic path/to/content.md --layout hierarchical-layers --style technical-schematic
/canghe-infographic path/to/content.md --aspect portrait --lang zh
/canghe-infographic # then paste content
| Option | Values |
|---|---|
--layout | 20 options (see Layout Gallery), default: bento-grid |
--style | 17 options (see Style Gallery), default: craft-handmade |
--aspect | landscape (16:9), portrait (9:16), square (1:1) |
--lang | en, zh, ja, etc. |
| Layout | Best For |
|---|---|
linear-progression | Timelines, processes, tutorials |
binary-comparison | A vs B, before-after, pros-cons |
comparison-matrix | Multi-factor comparisons |
hierarchical-layers | Pyramids, priority levels |
tree-branching | Categories, taxonomies |
hub-spoke | Central concept with related items |
Full definitions: references/layouts/<layout>.md
| Style | Description |
|---|---|
craft-handmade | Hand-drawn, paper craft (default) |
claymation | 3D clay figures, stop-motion |
kawaii | Japanese cute, pastels |
storybook-watercolor | Soft painted, whimsical |
chalkboard | Chalk on black board |
cyberpunk-neon | Neon glow, futuristic |
Full definitions: references/styles/<style>.md
| Content Type | Layout + Style |
|---|---|
| Timeline/History | linear-progression + craft-handmade |
| Step-by-step | linear-progression + ikea-manual |
| A vs B | binary-comparison + corporate-memphis |
| Hierarchy | hierarchical-layers + craft-handmade |
Default: bento-grid + craft-handmade
infographic/{topic-slug}/
├── source-{slug}.{ext}
├── analysis.md
├── structured-content.md
├── prompts/infographic.md
└── infographic.png
Slug: 2-4 words kebab-case from topic. Conflict: append -YYYYMMDD-HHMMSS.
1.1 Load Preferences (EXTEND.md)
Use Bash to check EXTEND.md existence (priority order):
# Check project-level first
test -f .canghe-skills/canghe-infographic/EXTEND.md && echo "project"
# Then user-level (cross-platform: $HOME works on macOS/Linux/WSL)
test -f "$HOME/.canghe-skills/canghe-infographic/EXTEND.md" && echo "user"
┌────────────────────────────────────────────────────┬───────────────────┐ │ Path │ Location │ ├────────────────────────────────────────────────────┼───────────────────┤ │ .canghe-skills/canghe-infographic/EXTEND.md │ Project directory │ ├────────────────────────────────────────────────────┼───────────────────┤ │ $HOME/.canghe-skills/canghe-infographic/EXTEND.md │ User home │ └────────────────────────────────────────────────────┴───────────────────┘
┌───────────┬───────────────────────────────────────────────────────────────────────────┐ │ Result │ Action │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ Found │ Read, parse, display summary │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ Not found │ Ask user with AskUserQuestion (see references/config/first-time-setup.md) │ └───────────┴───────────────────────────────────────────────────────────────────────────┘
EXTEND.md Supports : Preferred layout/style | Default aspect ratio | Custom style definitions | Language preference
Schema: references/config/preferences-schema.md
1.2 Analyze Content →analysis.md
source.md)
source.md exists, rename to source-backup-YYYYMMDD-HHMMSS.mdanalysis.md exists, rename to analysis-backup-YYYYMMDD-HHMMSS.mdSee references/analysis-framework.md for detailed format.
structured-content.mdTransform content into infographic structure:
Rules : Markdown only. No new information. All data verbatim.
See references/structured-content-template.md for detailed format.
Recommend 3-5 layout×style combinations based on:
Use single AskUserQuestion call with multiple questions to confirm all options together:
| Question | When | Options |
|---|---|---|
| Combination | Always | 3+ layout×style combos with rationale |
| Aspect | Always | landscape (16:9), portrait (9:16), square (1:1) |
| Language | Only if source ≠ user language | Language for text content |
Important : Do NOT split into separate AskUserQuestion calls. Combine all applicable questions into one call.
prompts/infographic.mdBackup rule : If prompts/infographic.md exists, rename to prompts/infographic-backup-YYYYMMDD-HHMMSS.md
Combine:
references/layouts/<layout>.mdreferences/styles/<style>.mdreferences/base-prompt.mdinfographic.png exists
infographic-backup-YYYYMMDD-HHMMSS.pngReport: topic, layout, style, aspect, language, output path, files created.
references/analysis-framework.md - Analysis methodologyreferences/structured-content-template.md - Content formatreferences/base-prompt.md - Prompt templatereferences/layouts/<layout>.md - 20 layout definitionsreferences/styles/<style>.md - 17 style definitionsCustom configurations via EXTEND.md. See Step 1.1 for paths and supported options.
Weekly Installs
115
Repository
GitHub Stars
183
First Seen
Feb 24, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykFail
Installed on
github-copilot114
codex114
gemini-cli114
kimi-cli114
cursor114
opencode114
Skills CLI 使用指南:AI Agent 技能包管理器安装与管理教程
46,600 周安装
structural-breakdown | Exploded views, cross-sections |
bento-grid | Multiple topics, overview (default) |
iceberg | Surface vs hidden aspects |
bridge | Problem-solution |
funnel | Conversion, filtering |
isometric-map | Spatial relationships |
dashboard | Metrics, KPIs |
periodic-table | Categorized collections |
comic-strip | Narratives, sequences |
story-mountain | Plot structure, tension arcs |
jigsaw | Interconnected parts |
venn-diagram | Overlapping concepts |
winding-roadmap | Journey, milestones |
circular-flow | Cycles, recurring processes |
bold-graphic | Comic style, halftone |
aged-academia | Vintage science, sepia |
corporate-memphis | Flat vector, vibrant |
technical-schematic | Blueprint, engineering |
origami | Folded paper, geometric |
pixel-art | Retro 8-bit |
ui-wireframe | Grayscale interface mockup |
subway-map | Transit diagram |
ikea-manual | Minimal line art |
knolling | Organized flat-lay |
lego-brick | Toy brick construction |
| Overlap | venn-diagram + craft-handmade |
| Conversion | funnel + corporate-memphis |
| Cycles | circular-flow + craft-handmade |
| Technical | structural-breakdown + technical-schematic |
| Metrics | dashboard + corporate-memphis |
| Educational | bento-grid + chalkboard |
| Journey | winding-roadmap + storybook-watercolor |
| Categories | periodic-table + bold-graphic |