infographic 是做什麼的？
設計資訊圖表佈局和內容結構。規劃視覺敘事，運用數據、圖標和文字層級，實現具有影響力的資訊設計。
設計資訊圖表佈局和內容結構。規劃視覺敘事，運用數據、圖標和文字層級，實現具有影響力的資訊設計。
此技能專注於將複雜的資訊歸納整理成易於理解的視覺化圖表（Infographic），幫助使用者透過「資訊設計」的框架，將數據、圖示、文字與視覺層級結構化。它支援 Claude Code、Cursor 等 AI 開發平台，透過一系列結構化的操作流程，從主題分析、數據篩選、內容分組，到最終的版面佈局與樣式建議，逐步引導 AI 生成高品質的資訊圖表。此技能特別適合產品行銷、教育訓練、數據分析報告等需要將抽象概念視覺化的場景。根據 SKILL.md 文檔，它定義了明確的技能目標、必要的環境變數（如圖像生成 API 金鑰），以及詳細的實作步驟，確保 AI 能夠系統性地產出具有說服力與美感的資訊圖表。
npx skills add https://github.com/claude-office-skills/skills/tree/main/skills/infographicInstalled? Explore more 影像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
設計資訊圖表佈局和內容結構。規劃視覺敘事，運用數據、圖標和文字層級，實現具有影響力的資訊設計。
This repo contains 20 individual skills — each has its own dedicated page.
Search and analyze academic literature. Find papers, understand research methodologies, and synthesize academic findings for research projects.
Multi-platform ad copy generation for Google Ads, Meta/Facebook, TikTok, LinkedIn with A/B testing variants
Build AI agents with tools, memory, and multi-step reasoning - ChatGPT, Claude, Gemini integration patterns
Airtable database automation - views, automations, integrations, and workflow triggers
Generate complete presentations with AI - from outline to polished slides
Automate Amazon seller operations including inventory, orders, pricing, and advertising management
Create and trigger Apple Shortcuts for iOS/macOS automation and cross-platform workflows
Screen job applications against requirements and score candidates
Automate Asana project management workflows, task tracking, team collaboration, and reporting
Batch convert documents between multiple formats using a unified pipeline
Process multiple documents in bulk with parallel execution
Create and maintain brand style guides for consistent visual identity
Automate web browser interactions, scraping, testing, and workflow automation with Puppeteer/Playwright
Google Calendar and Outlook automation - scheduling optimization, meeting workflows, time blocking, and Slack/Sheets integration
Generate release notes from git commits, updates, or feature lists
Design effective data visualizations and charts. Generate chart configurations for ECharts, Chart.js, and other libraries. Create dashboards and reports.
Answer questions about PDF content, summarize, and extract information
Automate ClickUp workspace management, task workflows, time tracking, and team productivity
Conduct comprehensive company research and due diligence. Analyze business model, competitive landscape, management, and market position.
Analyze competitors systematically. Compare products, features, pricing, positioning, and market strategies. Generate comprehensive competitive intelligence reports.
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.