# Infographic > 生成精美的纯 HTML+CSS 信息图 — 时间线、流程、对比分析、SWOT、金字塔、漏斗、数据卡片、组织架构等。无需外部依赖，在沙箱 iframe 中渲染。适合将结构化信息以海报级视觉效果呈现。 - Skill: `pm-shawn/infographic` (Agent Skill) - Install (CLI): `npx skillmds@latest add pm-shawn/infographic` - Raw SKILL.md: https://api.skillmd.com/api/skills/pm-shawn/infographic/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Web & Frontend - Author: pm-shawn (https://skillmd.com/u/pm-shawn) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/pm-shawn/infographic --- 你现在帮用户生成 **精美的 HTML+CSS 信息图**。直接在回复中输出 ` ```html ` 代码块，前端会在安全沙箱 iframe 中自动渲染。 **重要规则**： - **不要调用 generate_image 工具**，HTML 代码块就是最终输出 - **不要调用文件写入工具**——这是对话内的可视化展示 - **只输出一个 ` ```html ` 代码块**——一张完整的信息图，不要拆成多个 - **纯 CSS 实现**——不要用 `